@charset "UTF-8";
.f-cb:after, .f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.f-cb, .f-cbli li {
    zoom: 1;
}

.f-cl {
    clear: left;
}

.f-cr {
    clear: right;
}

.f-clr {
    clear: both;
}

.f-thide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f-hide {
    text-indent: -9999px;
    overflow: hidden;
}

.f-tc {
    text-align: center;
}

.f-tl {
    text-align: left;
}

.f-ib {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-pr {
    position: relative;
}

.f-pf {
    position: fixed;
}

.f-af {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.f-lh1 {
    line-height: 1;
}

.f-wsn, .m-pager {
    word-wrap: normal;
    white-space: nowrap;
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.f-toe, .u-select2 .dropdown_hd {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.f-lsn, .m-navbar, .m-sidebar, .m-toolbar, .m-crumb, .m-list, .m-listview, .m-tabs .tabs_hd, .m-pager {
    list-style: none;
    margin: 0;
    padding: 0;
}

.f-lsi, .u-btngroup, .m-navbar, .m-toolbar, .m-crumb, .m-pager {
    letter-spacing: -4px;
}

.f-lsi > *, .u-btngroup > *, .m-navbar > *, .m-toolbar > *, .m-crumb > *, .m-pager > * {
    letter-spacing: normal;
}

.f-richEditorText {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    word-break: break-word;
    word-wrap: break-word;
    font: 12px/22px Helvetica Neue, Helvetica, Arial, Sans-serif;
}

.f-richEditorText em {
    font-style: italic;
}

.f-richEditorText p {
    margin: 0;
    padding: 0;
}

.f-richEditorText div {
    margin: 10px 0;
    padding: 0;
}

.f-richEditorText blockquote {
    border-left: 3px solid #D0E5F2;
    font-style: normal;
    padding: 0 0 0 10px;
    vertical-align: baseline;
    margin: 0;
    font-size: 14px;
}

.f-richEditorText img {
    max-height: 520px;
    max-width: 520px;
    vertical-align: top;
}

.f-richEditorText a {
    text-decoration: underline;
}

.f-richEditorText ul li {
    list-style: disc inside;
}

.f-richEditorText ol li {
    list-style: decimal inside;
}

.f-richEditorText table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E4E4E4;
}

.f-richEditorText table th, .f-richEditorText table td {
    border: 1px solid #E4E4E4;
    padding: 5px;
}

.bg, .f-bg {
    background-color: #fff;
    box-shadow: 0px 1px 2px #bbb;
}

.f-bg {
    _border-top: 1px solid #c7c7ce;
    *border-top: 1px solid #c7c7ce;
}

.f-bg1 {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    background: url(/res/images/bg/bg_nav_rep.png) repeat-x;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pa {
    position: absolute;
}

.f-pointer:hover {
    cursor: pointer;
}

.f-require:before {
    display: inline;
    font-weight: bold;
    color: #ff513a;
    padding-right: 5px;
    vertical-align: middle;
    content: '*';
}

.f-unselectable, .f-unselectable * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@font-face {
    font-family: 'icon-edu';
    src: url(http://mc.stu.126.net/res/fonts/icon-edu.eot?p1ceo6);
    src: url(http://mc.stu.126.net/res/fonts/icon-edu.eot?p1ceo6#iefix) format("embedded-opentype"), url(http://mc.stu.126.net/res/fonts/icon-edu.ttf?p1ceo6) format("truetype"), url(http://mc.stu.126.net/res/fonts/icon-edu.woff?p1ceo6) format("woff"), url(http://mc.stu.126.net/res/fonts/icon-edu.svg?p1ceo6#icon-edu) format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="u-icon-"], [class*=" u-icon-"] {
    font-family: 'icon-edu', 'icon-mooc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.u-icon-surprise:before {
    content: "\e94e";
}

.u-icon-check-slim:before {
    content: "\e94d";
}

.u-icon-elite:before {
    content: "\e94c";
}

.u-icon-continue:before {
    content: "\e94b";
}

.u-icon-chat-circle:before {
    content: "\e945";
}

.u-icon-course-discuss:before {
    content: "\e946";
}

.u-icon-course-content:before {
    content: "\e947";
}

.u-icon-test:before {
    content: "\e948";
}

.u-icon-minus-big:before {
    content: "\e949";
}

.u-icon-add-big:before {
    content: "\e944";
}

.u-icon-reply:before {
    content: "\e94a";
}

.u-icon-front:before {
    content: "\e943";
}

.u-icon-smile:before {
    content: "\e93f";
}

.u-icon-renren:before {
    content: "\e602";
}

.u-icon-weibo:before {
    content: "\e603";
}

.u-icon-douban:before {
    content: "\e606";
}

.u-icon-qzone:before {
    content: "\e608";
}

.u-icon-wechat:before {
    content: "\e621";
}

.u-icon-icourse:before {
    content: "\e624";
}

.u-icon-QQ:before {
    content: "\e625";
}

.u-icon-qiyemail:before {
    content: "\e93c";
}

.u-icon-netease:before {
    content: "\e93d";
}

.u-icon-cash:before {
    content: "\e936";
}

.u-icon-exchange:before {
    content: "\e937";
}

.u-icon-data:before {
    content: "\e938";
}

.u-icon-tag:before {
    content: "\e939";
}

.u-icon-plus:before {
    content: "\e93a";
}

.u-icon-minus:before {
    content: "\e93b";
}

.u-icon-order:before {
    content: "\e935";
}

.u-icon-hand-up:before {
    content: "\e933";
}

.u-icon-hand-down:before {
    content: "\e934";
}

.u-icon-test2:before {
    content: "\e932";
}

.u-icon-thin-caret-up:before {
    content: "\e92d";
}

.u-icon-thin-caret-down:before {
    content: "\e92f";
}

.u-icon-edit:before {
    content: "\e931";
}

.u-icon-delete:before {
    content: "\e930";
}

.u-icon-org-test:before {
    content: "\e92c";
}

.u-icon-org-content2:before {
    content: "\e92b";
}

.u-icon-org-tutor:before {
    content: "\e927";
}

.u-icon-org-content:before {
    content: "\e928";
}

.u-icon-org-utility:before {
    content: "\e929";
}

.u-icon-move:before {
    content: "\e91f";
}

.u-icon-check:before {
    content: "\e920";
}

.u-icon-gear:before {
    content: "\e921";
}

.u-icon-close:before {
    content: "\e922";
}

.u-icon-back:before {
    content: "\e923";
}

.u-icon-course-manage:before {
    content: "\e91e";
}

.u-icon-caret-down:before {
    content: "\e91b";
}

.u-icon-angle-double-right:before {
    content: "\e91c";
}

.u-icon-angle-double-left:before {
    content: "\e91d";
}

.u-icon-im:before {
    content: "\e918";
}

.u-icon-cart:before {
    content: "\e919";
}

.u-icon-mobileview:before {
    content: "\e91a";
}

.u-icon-star:before {
    content: "\e917";
}

.u-icon-collect:before {
    content: "\e916";
}

.u-icon-share:before {
    content: "\e900";
}

.u-icon-caret-left:before {
    content: "\e901";
}

.u-icon-arr-right-small:before {
    content: "\e902";
}

.u-icon-caret-right:before {
    content: "\e903";
}

.u-icon-caret-up:before {
    content: "\e904";
}

.u-icon-book:before {
    content: "\e905";
}

.u-icon-dialog:before {
    content: "\e906";
}

.u-icon-discuss:before {
    content: "\e907";
}

.u-icon-document:before {
    content: "\e908";
}

.u-icon-download:before {
    content: "\e909";
}

.u-icon-exam:before {
    content: "\e90a";
}

.u-icon-exercise:before {
    content: "\e90b";
}

.u-icon-home:before {
    content: "\e90c";
}

.u-icon-list:before {
    content: "\e90d";
}

.u-icon-live:before {
    content: "\e90e";
}

.u-icon-message:before {
    content: "\e90f";
}

.u-icon-notice:before {
    content: "\e910";
}

.u-icon-playing:before {
    content: "\e911";
}

.u-icon-richText:before {
    content: "\e912";
}

.u-icon-score:before {
    content: "\e913";
}

.u-icon-unknown:before {
    content: "\e914";
}

.u-icon-video:before {
    content: "\e915";
}

.u-icon-success-circle:before {
    content: "\e92e";
}

.u-icon-noword:before {
    content: "\e925";
}

.u-icon-sad:before {
    content: "\e926";
}

.u-icon-error-circle:before {
    content: "\e92a";
}

.u-icon-arrange:before {
    content: "\e93e";
}

.u-icon-empty:before {
    content: "\e940";
}

.u-icon-warning:before, .u-tip-error:before {
    content: "\e941";
}

.u-icon-empty-criterial:before {
    content: "\e942";
}

.f-cb:after, .f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.f-cb, .f-cbli li {
    zoom: 1;
}

.f-cl {
    clear: left;
}

.f-cr {
    clear: right;
}

.f-clr {
    clear: both;
}

.f-thide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f-hide {
    text-indent: -9999px;
    overflow: hidden;
}

.f-tc {
    text-align: center;
}

.f-tl {
    text-align: left;
}

.f-ib {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-pr {
    position: relative;
}

.f-pf {
    position: fixed;
}

.f-af {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.f-lh1 {
    line-height: 1;
}

.f-wsn, .m-pager {
    word-wrap: normal;
    white-space: nowrap;
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.f-toe, .u-select2 .dropdown_hd {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.f-lsn, .m-navbar, .m-sidebar, .m-toolbar, .m-crumb, .m-list, .m-listview, .m-tabs .tabs_hd, .m-pager {
    list-style: none;
    margin: 0;
    padding: 0;
}

.f-lsi, .u-btngroup, .m-navbar, .m-toolbar, .m-crumb, .m-pager {
    letter-spacing: -4px;
}

.f-lsi > *, .u-btngroup > *, .m-navbar > *, .m-toolbar > *, .m-crumb > *, .m-pager > * {
    letter-spacing: normal;
}

.f-richEditorText {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    word-break: break-word;
    word-wrap: break-word;
    font: 12px/22px Helvetica Neue, Helvetica, Arial, Sans-serif;
}

.f-richEditorText em {
    font-style: italic;
}

.f-richEditorText p {
    margin: 0;
    padding: 0;
}

.f-richEditorText div {
    margin: 10px 0;
    padding: 0;
}

.f-richEditorText blockquote {
    border-left: 3px solid #D0E5F2;
    font-style: normal;
    padding: 0 0 0 10px;
    vertical-align: baseline;
    margin: 0;
    font-size: 14px;
}

.f-richEditorText img {
    max-height: 520px;
    max-width: 520px;
    vertical-align: top;
}

.f-richEditorText a {
    text-decoration: underline;
}

.f-richEditorText ul li {
    list-style: disc inside;
}

.f-richEditorText ol li {
    list-style: decimal inside;
}

.f-richEditorText table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E4E4E4;
}

.f-richEditorText table th, .f-richEditorText table td {
    border: 1px solid #E4E4E4;
    padding: 5px;
}

.bg, .f-bg {
    background-color: #fff;
    box-shadow: 0px 1px 2px #bbb;
}

.f-bg {
    _border-top: 1px solid #c7c7ce;
    *border-top: 1px solid #c7c7ce;
}

.f-bg1 {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    background: url(/res/images/bg/bg_nav_rep.png) repeat-x;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pa {
    position: absolute;
}

.f-pointer:hover {
    cursor: pointer;
}

.f-require:before {
    display: inline;
    font-weight: bold;
    color: #ff513a;
    padding-right: 5px;
    vertical-align: middle;
    content: '*';
}

.f-unselectable, .f-unselectable * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@font-face {
    font-family: 'icon-edu';
    src: url(http://mc.stu.126.net/res/fonts/icon-edu.eot?p1ceo6);
    src: url(http://mc.stu.126.net/res/fonts/icon-edu.eot?p1ceo6#iefix) format("embedded-opentype"), url(http://mc.stu.126.net/res/fonts/icon-edu.ttf?p1ceo6) format("truetype"), url(http://mc.stu.126.net/res/fonts/icon-edu.woff?p1ceo6) format("woff"), url(http://mc.stu.126.net/res/fonts/icon-edu.svg?p1ceo6#icon-edu) format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="u-icon-"], [class*=" u-icon-"] {
    font-family: 'icon-edu', 'icon-mooc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.u-icon-surprise:before {
    content: "\e94e";
}

.u-icon-check-slim:before {
    content: "\e94d";
}

.u-icon-elite:before {
    content: "\e94c";
}

.u-icon-continue:before {
    content: "\e94b";
}

.u-icon-chat-circle:before {
    content: "\e945";
}

.u-icon-course-discuss:before {
    content: "\e946";
}

.u-icon-course-content:before {
    content: "\e947";
}

.u-icon-test:before {
    content: "\e948";
}

.u-icon-minus-big:before {
    content: "\e949";
}

.u-icon-add-big:before {
    content: "\e944";
}

.u-icon-reply:before {
    content: "\e94a";
}

.u-icon-front:before {
    content: "\e943";
}

.u-icon-smile:before {
    content: "\e93f";
}

.u-icon-renren:before {
    content: "\e602";
}

.u-icon-weibo:before {
    content: "\e603";
}

.u-icon-douban:before {
    content: "\e606";
}

.u-icon-qzone:before {
    content: "\e608";
}

.u-icon-wechat:before {
    content: "\e621";
}

.u-icon-icourse:before {
    content: "\e624";
}

.u-icon-QQ:before {
    content: "\e625";
}

.u-icon-qiyemail:before {
    content: "\e93c";
}

.u-icon-netease:before {
    content: "\e93d";
}

.u-icon-cash:before {
    content: "\e936";
}

.u-icon-exchange:before {
    content: "\e937";
}

.u-icon-data:before {
    content: "\e938";
}

.u-icon-tag:before {
    content: "\e939";
}

.u-icon-plus:before {
    content: "\e93a";
}

.u-icon-minus:before {
    content: "\e93b";
}

.u-icon-order:before {
    content: "\e935";
}

.u-icon-hand-up:before {
    content: "\e933";
}

.u-icon-hand-down:before {
    content: "\e934";
}

.u-icon-test2:before {
    content: "\e932";
}

.u-icon-thin-caret-up:before {
    content: "\e92d";
}

.u-icon-thin-caret-down:before {
    content: "\e92f";
}

.u-icon-edit:before {
    content: "\e931";
}

.u-icon-delete:before {
    content: "\e930";
}

.u-icon-org-test:before {
    content: "\e92c";
}

.u-icon-org-content2:before {
    content: "\e92b";
}

.u-icon-org-tutor:before {
    content: "\e927";
}

.u-icon-org-content:before {
    content: "\e928";
}

.u-icon-org-utility:before {
    content: "\e929";
}

.u-icon-move:before {
    content: "\e91f";
}

.u-icon-check:before {
    content: "\e920";
}

.u-icon-gear:before {
    content: "\e921";
}

.u-icon-close:before {
    content: "\e922";
}

.u-icon-back:before {
    content: "\e923";
}

.u-icon-course-manage:before {
    content: "\e91e";
}

.u-icon-caret-down:before {
    content: "\e91b";
}

.u-icon-angle-double-right:before {
    content: "\e91c";
}

.u-icon-angle-double-left:before {
    content: "\e91d";
}

.u-icon-im:before {
    content: "\e918";
}

.u-icon-cart:before {
    content: "\e919";
}

.u-icon-mobileview:before {
    content: "\e91a";
}

.u-icon-star:before {
    content: "\e917";
}

.u-icon-collect:before {
    content: "\e916";
}

.u-icon-share:before {
    content: "\e900";
}

.u-icon-caret-left:before {
    content: "\e901";
}

.u-icon-arr-right-small:before {
    content: "\e902";
}

.u-icon-caret-right:before {
    content: "\e903";
}

.u-icon-caret-up:before {
    content: "\e904";
}

.u-icon-book:before {
    content: "\e905";
}

.u-icon-dialog:before {
    content: "\e906";
}

.u-icon-discuss:before {
    content: "\e907";
}

.u-icon-document:before {
    content: "\e908";
}

.u-icon-download:before {
    content: "\e909";
}

.u-icon-exam:before {
    content: "\e90a";
}

.u-icon-exercise:before {
    content: "\e90b";
}

.u-icon-home:before {
    content: "\e90c";
}

.u-icon-list:before {
    content: "\e90d";
}

.u-icon-live:before {
    content: "\e90e";
}

.u-icon-message:before {
    content: "\e90f";
}

.u-icon-notice:before {
    content: "\e910";
}

.u-icon-playing:before {
    content: "\e911";
}

.u-icon-richText:before {
    content: "\e912";
}

.u-icon-score:before {
    content: "\e913";
}

.u-icon-unknown:before {
    content: "\e914";
}

.u-icon-video:before {
    content: "\e915";
}

.u-icon-success-circle:before {
    content: "\e92e";
}

.u-icon-noword:before {
    content: "\e925";
}

.u-icon-sad:before {
    content: "\e926";
}

.u-icon-error-circle:before {
    content: "\e92a";
}

.u-icon-arrange:before {
    content: "\e93e";
}

.u-icon-empty:before {
    content: "\e940";
}

.u-icon-warning:before, .u-tip-error:before {
    content: "\e941";
}

.u-icon-empty-criterial:before {
    content: "\e942";
}

.u-btn {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.u-btn:hover, .u-btn:focus {
    outline: none;
    text-decoration: none;
}

.u-btn:disabled, .u-btn.z-dis, .u-dropdown.z-dis .dropdown_hd > .u-btn {
    cursor: not-allowed;
}

.u-btn-block {
    display: block;
    width: 100%;
}

.u-btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.u-btn {
    padding: 0 !important;
    height: 40px;
    line-height: 40px;
    background: #49AF4F;
    border: 1px solid #49AF4F;
    color: #fff;
    border-radius: 3px;
}

.u-btn:hover, .u-btn:focus {
    color: #fff;
    background: #54c15a;
    border-color: #54c15a;
}

.u-btn:active, .u-btn.z-act {
    background: #49AF4F;
}

.u-btn:disabled, .u-btn.z-dis, .u-dropdown.z-dis .dropdown_hd > .u-btn {
    background: #fff;
    border: 1px solid #ccc;
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.u-btn-group .u-btn {
    margin-right: 20px;
}

.u-btn-xs {
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}

.u-btn-sm {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
}

.u-btn-lg {
    padding: 0 16px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}

.u-btn-xl {
    padding: 0 20px;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
}

.u-btn-w100 {
    width: 100px;
}

.u-btn-w120 {
    width: 120px;
}

.u-btn-w130 {
    width: 130px;
}

.u-btn-w140 {
    width: 140px;
}

.u-btn-w160 {
    width: 160px;
}

.u-btn-w180 {
    width: 180px;
}

.u-btn-w210 {
    width: 210px;
}

.u-btn-w220 {
    width: 220px;
}

.u-btn-w300 {
    width: 300px;
}

.u-btn-gh {
    background: transparent;
    color: #49AF4F;
    border: 1px solid #49AF4F;
}

.u-btn-gh:hover, .u-btn-gh:focus {
    background: #49AF4F;
    color: #fff;
    border: 1px solid #49AF4F;
}

.u-btn-gh:active, .u-btn-gh.z-act {
    background: #49AF4F;
    color: #fff;
    border: 1px solid #49AF4F;
}

.u-btn-gh:disabled, .u-btn-gh.z-dis {
    background: transparent;
    border: 1px solid #49AF4F;
}

.u-btn-deny {
    background: transparent;
    color: #ff513a;
    border: 1px solid #ff513a;
}

.u-btn-deny:hover, .u-btn-deny:focus {
    background: #ff513a;
    color: #fff;
    border: 1px solid #ff513a;
}

.u-btn-deny:active, .u-btn-deny.z-act {
    background: #ff513a;
    color: #fff;
    border: 1px solid #ff513a;
}

.u-btn-deny:disabled, .u-btn-deny.z-dis {
    background: transparent;
    border: 1px solid #ff513a;
}

.u-btn-disabled {
    background: #cacecf;
    color: #fff;
    border: 1px solid #cacecf;
}

.u-btn-disabled:hover, .u-btn-disabled:focus {
    background: #cacecf;
    color: #fff;
    border: 1px solid #cacecf;
}

.u-btn-disabled:active, .u-btn-disabled.z-act {
    background: #cacecf;
    color: #fff;
    border: 1px solid #cacecf;
}

.u-btn-disabled:disabled, .u-btn-disabled.z-dis {
    background: #cacecf;
    border: 1px solid #cacecf;
}

.u-btn-buy {
    background: #ff5307;
    color: #fff;
    border: 1px solid #fff;
}

.u-btn-buy:hover, .u-btn-buy:focus {
    background: #ff6e16;
    color: #fff;
    border: 1px solid #fff;
}

.u-btn-buy:active, .u-btn-buy.z-act {
    background: #ff6e16;
    color: #fff;
    border: 1px solid #fff;
}

.u-btn-buy:disabled, .u-btn-buy.z-dis {
    background: #ff5307;
    border: 1px solid #fff;
}

.u-btn-disabled {
    cursor: default;
}

.u-btn-info {
    background: #00c0ef;
    color: white;
    border: 1px solid #00acd6;
}

.u-btn-info:hover, .u-btn-info:focus {
    background: #00acd6;
    border: 1px solid #00acd6;
}

.u-btn-info:active, .u-btn-info.z-act {
    background: #00acd6;
    border: 1px solid #00acd6;
}

.u-btn-info:disabled, .u-btn-info.z-dis {
    background: #00c0ef;
    border: 1px solid #00acd6;
}

.u-btn-success {
    background: #00a65a;
    color: white;
    border: 1px solid #008d4c;
}

.u-btn-success:hover, .u-btn-success:focus {
    background: #008d4c;
    border: 1px solid #008d4c;
}

.u-btn-success:active, .u-btn-success.z-act {
    background: #008d4c;
    border: 1px solid #008d4c;
}

.u-btn-success:disabled, .u-btn-success.z-dis {
    background: #00a65a;
    border: 1px solid #008d4c;
}

.u-btn-warning {
    background: #ff513a;
    color: white;
    border: 1px solid #e08e0b;
}

.u-btn-warning:hover, .u-btn-warning:focus {
    background: #e08e0b;
    border: 1px solid #e08e0b;
}

.u-btn-warning:active, .u-btn-warning.z-act {
    background: #e08e0b;
    border: 1px solid #e08e0b;
}

.u-btn-warning:disabled, .u-btn-warning.z-dis {
    background: #ff513a;
    border: 1px solid #e08e0b;
}

.u-btn-error {
    background: #ff513a;
    color: white;
    border: 1px solid #d73925;
}

.u-btn-error:hover, .u-btn-error:focus {
    background: #d73925;
    border: 1px solid #d73925;
}

.u-btn-error:active, .u-btn-error.z-act {
    background: #d73925;
    border: 1px solid #d73925;
}

.u-btn-error:disabled, .u-btn-error.z-dis {
    background: #ff513a;
    border: 1px solid #d73925;
}

.u-asterisk {
    font-weight: bold;
    color: #ff513a;
    padding-right: 5px;
    vertical-align: middle;
}

.u-asterisk:before {
    content: '*';
}

.u-btngroup {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.u-btngroup > .u-btn {
    position: relative;
}

.u-btngroup > .u-btn:hover, .u-btngroup > .u-btn:focus, .u-btngroup > .u-btn:active, .u-btngroup > .u-btn.z-act {
    z-index: 2;
}

.u-btngroup-horizontal > .u-btn + .u-btn {
    margin-left: -1px;
}

.u-btngroup-horizontal > .u-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.u-btngroup-horizontal > .u-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.u-btngroup-horizontal > .u-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.u-btngroup-vertical > .u-btn {
    display: block;
    width: 100%;
}

.u-btngroup-vertical > .u-btn + .u-btn {
    margin-top: -1px;
}

.u-btngroup-vertical > .u-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.u-btngroup-vertical > .u-btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.u-btngroup-vertical > .u-btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.u-color {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: white;
    color: white;
}

.u-color {
    height: 128px;
    width: 128px;
    line-height: 128px;
}

.u-color-primary {
    background: #d9ddde;
}

.u-color-info {
    background: #00c0ef;
}

.u-color-success {
    background: #00a65a;
}

.u-color-warning {
    background: #ff513a;
}

.u-color-error {
    background: #ff513a;
}

.u-text-xs {
    font-size: 10px;
    line-height: 12px;
}

.u-text-sm {
    font-size: 12px;
    line-height: 16px;
}

.u-text-lg {
    font-size: 20px;
    line-height: 24px;
}

.u-text-xl {
    font-size: 24px;
    line-height: 32px;
}

.u-text-primary {
    color: #d9ddde;
}

.u-text-success {
    color: #00a65a;
}

.u-text-warning {
    color: #ff513a;
}

.u-text-error {
    color: #ff513a;
}

.u-text-inverse {
    color: #fff;
}

.u-text-muted {
    color: #999;
}

.u-badge {
    display: inline;
    font-weight: bold;
    text-align: center;
}

a.u-badge {
    text-decoration: none;
}

.u-badge.u-badge-number {
    border-radius: 1000px;
}

.u-badge {
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    background: #aaa;
    color: white;
    border-radius: 0.25em;
}

.u-badge-primary {
    background: #d9ddde;
}

.u-badge-info {
    background: #4b92d8;
}

.u-badge-success {
    background: #00a65a;
}

.u-badge-warning {
    background: #ff513a;
}

.u-badge-error {
    background: #ff513a;
}

.u-tip {
    display: inline-block;
}

.u-tip {
    font-size: 12px;
    padding: 0 6px;
    background: #f4f4f4;
    border-radius: 2px;
}

.u-tip-info {
    background: #e6f9fd;
    color: #00c0ef;
}

.u-tip-success {
    background: #e6f6ef;
    color: #00a65a;
}

.u-tip-warning {
    background: #ffeeeb;
    color: #ff513a;
}

.u-tip-error {
    background: transparent;
    color: #ff513a;
}

.u-tip-error {
    font-family: 'icon-edu' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    padding: 0 6px;
    border-radius: 2px;
}

.u-tip-error:before {
    color: white;
    background-color: #ff513a;
    border-radius: 50%;
    padding: 2px;
    margin-right: 2px;
}

.u-input.u-input-success, .u-select.u-select-success, .u-textarea.u-textarea-success {
    color: #555 !important;
    border-color: #e4e8e9 !important;
}

.u-message::after {
    clear: both;
    content: "";
    display: table;
}

.u-message .message_close {
    float: right;
}

.u-message .message_icon {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -2px;
    line-height: 1;
}

.u-message {
    padding: 15px;
    background: #f4f4f4;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.u-message .message_close {
    color: black;
    filter: alpha(opacity=20);
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.u-message .message_close:hover {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.u-message-info {
    background: #00c0ef;
    color: white;
    border: 1px solid #00acd6;
}

.u-message-success {
    background: #00a65a;
    color: white;
    border: 1px solid #008d4c;
}

.u-message-warning {
    background: #ff513a;
    color: white;
    border: 1px solid #e08e0b;
}

.u-message-error {
    background: #ff513a;
    color: white;
    border: 1px solid #d73925;
}

.u-img.u-img-circle {
    border-radius: 1000px;
}

.u-img {
    border-radius: 3px;
}

.u-img-border {
    padding: 4px;
    border: 1px solid #ddd;
    background: white;
}

.u-img-xs {
    width: 150px;
}

.u-img-sm {
    width: 200px;
}

.u-img-lg {
    width: 300px;
}

.u-img-xl {
    width: 400px;
}

.u-input, .u-select, .u-textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    padding: 0;
    border-radius: 0;
    font: inherit;
    color: inherit;
    vertical-align: middle;
}

.u-input:focus, .u-select:focus, .u-textarea:focus {
    outline: 0;
}

.u-input:disabled, .u-select:disabled, .u-textarea:disabled {
    cursor: not-allowed;
}

.u-select {
    text-transform: none;
}

.u-select optgroup {
    font: inherit;
    font-weight: bold;
}

.u-textarea {
    vertical-align: top;
}

input.u-check, input.u-radio {
    cursor: pointer;
    vertical-align: middle;
}

input.u-check:focus, input.u-radio:focus {
    outline: 0;
}

input.u-check:disabled, input.u-radio:disabled {
    cursor: not-allowed;
}

.u-input-block, .u-select-block, .u-textarea-block {
    display: block;
    width: 100%;
}

.u-input, .u-select, .u-textarea {
    padding: 6px 12px;
    border: 1px solid #e4e8e9;
    color: #555;
    background: white;
    border-radius: 2px;
}

.u-input::-webkit-input-placeholder, .u-select::-webkit-input-placeholder, .u-textarea::-webkit-input-placeholder {
    color: #bbb;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.u-input::-moz-placeholder, .u-select::-moz-placeholder, .u-textarea::-moz-placeholder {
    color: #bbb;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.u-input:-moz-placeholder, .u-select:-moz-placeholder, .u-textarea:-moz-placeholder {
    color: #bbb;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.u-input:-ms-input-placeholder, .u-select:-ms-input-placeholder, .u-textarea:-ms-input-placeholder {
    color: #bbb;
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.u-input:focus, .u-select:focus, .u-textarea:focus {
    background: white;
    color: #343d42;
    -webkit-box-shadow: 1px 1px 10px #E4F9E5;
    -moz-box-shadow: 1px 1px 10px #E4F9E5;
    box-shadow: 1px 1px 10px #E4F9E5;
}

.u-input:disabled, .u-select:disabled, .u-textarea:disabled {
    background: #eee;
    color: #999;
    border-color: #e4e8e9;
}

.u-input, .u-select {
    width: 160px;
    height: 34px;
}

.u-textarea {
    width: 320px;
    height: 120px;
}

.u-input-sm, .u-select-sm {
    padding: 5px 10px;
    height: 22px;
    font-size: 12px;
}

.u-input-lg, .u-select-lg {
    padding: 10px 16px;
    height: 40px;
    font-size: 16px;
}

.u-input-smw, .u-select-smw {
    width: 80px;
}

.u-input-lgw, .u-select-lgw {
    width: 200px;
}

.u-input.u-input-success, .u-select.u-select-success, .u-textarea.u-textarea-success {
    color: #00a65a;
    border-color: #00a65a;
}

.u-input.u-input-warning, .u-select.u-select-warning, .u-textarea.u-textarea-warning {
    color: #ff513a;
    border-color: #ff513a;
}

.u-input.u-input-error, .u-select.u-select-error, .u-textarea.u-textarea-error {
    color: #ff513a;
    border-color: #ff513a;
}

.u-input.u-input-blank, .u-select.u-select-blank, .u-textarea.u-textarea-blank {
    border-color: transparent;
    border-style: dashed;
    background: none;
}

.u-input.u-input-blank:focus, .u-select.u-select-blank:focus, .u-textarea.u-textarea-blank:focus {
    border-color: #ddd;
}

.u-formitem {
    display: inline-block;
}

.u-formitem-block, .m-form > .u-formitem, .m-form fieldset > .u-formitem {
    display: block;
}

.u-formitem-block::after, .m-form > .u-formitem::after, .m-form fieldset > .u-formitem::after {
    clear: both;
    content: "";
    display: table;
}

.u-formitem-block .formitem_tt, .m-form > .u-formitem .formitem_tt, .m-form fieldset > .u-formitem .formitem_tt {
    display: block;
    float: left;
    text-align: right;
}

.u-formitem-block .formitem_ct, .m-form > .u-formitem .formitem_ct, .m-form fieldset > .u-formitem .formitem_ct {
    display: block;
}

.u-formitem .formitem_rqr {
    color: #ff513a;
}

.u-formitem-block .formitem_tt, .m-form > .u-formitem .formitem_tt, .m-form fieldset > .u-formitem .formitem_tt {
    line-height: 34px;
    width: 100px;
}

.u-formitem-block .formitem_ct, .m-form > .u-formitem .formitem_ct, .m-form fieldset > .u-formitem .formitem_ct {
    margin-left: 108px;
}

.u-formgroup > .u-formitem {
    margin-right: 2em;
}

.m-navbar > li {
    display: inline-block;
}

.m-navbar > li > a, .m-navbar > li > span {
    display: block;
    text-decoration: none;
    text-align: center;
}

.m-navbar {
    background: #d9ddde;
    color: white;
}

.m-navbar > li > a, .m-navbar > li > span {
    min-width: 120px;
    height: 68px;
    line-height: 68px;
    color: #cee3ee;
    color: rgba(255, 255, 255, 0.75);
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.m-navbar > li:hover > a {
    color: white;
}

.m-navbar > li.z-crt > a {
    height: 66px;
    border-bottom: 2px solid white;
    color: white;
}

.m-sidebar > li > a, .m-sidebar > li > span {
    display: block;
    text-decoration: none;
}

.m-sidebar > li > a, .m-sidebar > li > span {
    padding: 4px 12px;
    color: #555;
}

.m-sidebar > li:hover > a {
    background: #e5e5e5;
}

.m-sidebar > li.z-crt > a {
    background: #f4f4f4;
}

.m-sidebar > li.sidebar_group {
    margin-top: 20px;
    font-weight: bold;
    font-size: 12px;
}

.m-sidebar > li.sidebar_divider {
    margin: 8px 0;
    border-top: 1px solid #e5e5e5;
}

.m-toolbar > li {
    display: inline-block;
}

.m-toolbar > li > a, .m-toolbar > li > span {
    display: inline-block;
    text-decoration: none;
}

.m-toolbar.z-dis > li > a {
    cursor: not-allowed;
}

.m-toolbar {
    background: #f4f4f4;
}

.m-toolbar > li > a, .m-toolbar > li > span {
    padding: 2px 12px;
    color: #555;
}

.m-toolbar > li > a small, .m-toolbar > li > span small {
    font-size: 60%;
    color: #999;
}

.m-toolbar > li:hover > a {
    background: #ececec;
}

.m-toolbar > li.z-crt > a {
    background: #e5e5e5;
}

.m-toolbar > li.toolbar_divider {
    margin: 0px 4px;
    border-left: 1px solid #ccc;
    color: transparent;
    text-indent: -10px;
    line-height: 1;
}

.m-toolbar.z-dis > li > a {
    background: transparent;
    color: #999;
}

.m-crumb > li {
    display: inline-block;
}

.m-crumb > li + li:before {
    font-family: 'icon-edu' !important;
    content: "\e903";
    margin: 0 8px;
}

.m-crumb > li > a {
    color: #343d42;
}

.m-crumb > li > a:hover {
    color: #49AF4F;
}

.m-crumb > li > span {
    color: #999999;
}

.m-article .article_title {
    font-weight: bold;
}

.m-article .article_title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}

.m-article .article_meta {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-align: center;
}

.m-comment .comment_sd {
    float: left;
}

.m-comment .comment_sd > img {
    width: 64px;
}

.m-comment .comment_mn {
    margin-left: 72px;
}

.m-comment .comment_mn .comment_ft {
    font-size: 12px;
    color: #777;
}

.m-comment .comment_mn .comment_ft .comment_actions {
    float: right;
}

.m-list ul {
    padding-left: 20px;
}

.m-list-line li {
    padding: 4px 8px;
}

.m-list-line li + li {
    border-top: 1px solid #ddd;
}

.m-list-striped li:nth-of-type(odd) {
    background: #f5f5f5;
}

.m-list-hover li:hover {
    background: #eee;
}

.m-listview {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-listview > li {
    cursor: pointer;
    position: relative;
}

.m-listview > li.z-dis {
    cursor: not-allowed;
    background: none;
}

.m-listview.z-dis > li {
    cursor: not-allowed;
    background: none;
}

.m-listview > li {
    color: #777;
}

.m-listview > li.z-dis {
    background: none;
    color: #999;
}

.m-listview > li.z-divider {
    margin: 9px 0;
    padding: 0;
    height: 1px;
    background: #e5e5e5;
    overflow: hidden;
}

.m-listview.z-dis {
    background: #eee;
}

.m-listview.z-dis > li {
    background: #eee;
    color: #999;
}

.m-table {
    table-layout: fixed;
    width: 100%;
}

.m-table caption {
    color: #999;
    font-size: 12px;
}

.m-table th {
    text-align: left;
    background-color: #eef3f4;
}

.m-table th, .m-table td {
    padding: 6px 8px;
    word-break: break-all;
}

.m-table-striped tbody tr:nth-of-type(odd) {
    background: #f9f9f9;
}

.m-table-hover tbody tr:hover {
    background: #f5f5f5;
}

.m-panel::after {
    clear: both;
    content: "";
    display: table;
}

.m-panel {
    background: white;
    border-top: 3px solid #d2d6de;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.m-panel .panel_hd {
    padding: 10px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 1px;
}

.m-panel .panel_bd {
    padding: 10px;
}

.m-panel .panel_ft {
    padding: 10px;
    border-top: 1px solid #f4f4f4;
}

.m-panel-primary {
    border-color: #d9ddde;
}

.m-panel-info {
    border-color: #00c0ef;
}

.m-panel-success {
    border-color: #00a65a;
}

.m-panel-warning {
    border-color: #ff513a;
}

.m-panel-error {
    border-color: #ff513a;
}

.m-form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.m-form legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: none;
}

.m-form legend {
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    margin: 15px 0;
    color: #777;
}

.m-form > .u-formitem, .m-form fieldset > .u-formitem {
    min-height: 40px;
    margin-bottom: 1em;
}

.u-dropdown {
    display: inline-block;
    position: relative;
}

.u-dropdown .dropdown_bd {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 100%;
}

.u-dropdown .dropdown_bd .m-listview > li > a {
    display: block;
}

.u-dropdown .dropdown_bd {
    min-width: 160px;
    margin-top: 2px;
}

.u-menu .m-listview > li {
    overflow: visible;
}

.u-menu li {
    position: relative;
}

.u-menu li > .menu_list {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

.u-menu li:hover:not(.z-dis) > .menu_list {
    display: block;
}

.u-menu .menu_item {
    position: relative;
}

.u-menu .menu_item .u-icon {
    position: absolute;
    right: -0.6em;
    line-height: inherit;
    margin: 0;
    cursor: pointer;
}

.u-menu .menu_itemname > a {
    display: block;
}

.u-menu .menu_list {
    min-width: 160px;
}

.u-menu li > .menu_list {
    margin-top: -6px;
    margin-left: 2px;
}

.u-input2 {
    display: inline-block;
    position: relative;
}

.u-input2 .input2_unit {
    position: relative;
    right: 40px;
}

.u-input2 .input2_placeholder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.u-input2 {
    white-space: nowrap;
}

.u-input2 .input2_placeholder {
    color: #bbb;
    padding: 6px 12px;
    border-left: 1px solid transparent;
}

.u-input2 + .u-tip {
    margin-left: 5px;
}

.u-textarea2 {
    display: inline-block;
    position: relative;
}

.u-textarea2 .textarea2_placeholder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.u-textarea2 .textarea2_placeholder {
    color: #bbb;
    padding: 6px 12px;
    border-left: 1px solid transparent;
}

.u-numberinput {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.u-numberinput .u-btn {
    position: absolute;
}

.u-numberinput .u-btn {
    right: 2px;
    top: 2px;
    height: 17px;
    line-height: 17px;
    padding: 0 4px;
}

.u-numberinput .u-btn + .u-btn {
    top: auto;
    bottom: 2px;
}

.u-check2 {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.u-check2 .check2_box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
}

.u-check2 .check2_box .u-icon {
    display: none;
}

.u-check2.z-chk .check2_box .u-icon {
    display: inline-block;
}

.u-check2.z-part .check2_box .u-icon {
    display: inline-block;
}

.u-check2.z-part .check2_box .u-icon:before {
    content: "\f0c8";
}

.u-check2.z-dis {
    cursor: not-allowed;
}

.u-check2-block {
    display: block;
}

.u-check2 .check2_box {
    height: 14px;
    width: 14px;
    line-height: 13px;
    background: white;
    color: #d9ddde;
    border-radius: 2px;
    border: 1px solid #e4e8e9;
}

.u-check2 .check2_box .u-icon {
    font-size: 14px;
    color: white;
}

.u-check2.z-chk .check2_box {
    background: #49AF4F;
    border: 1px solid #49AF4F;
}

.u-check2.z-dis .check2_box {
    color: #eee;
    border: 1px solid #eee;
}

.u-radio2 {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.u-radio2 .radio2_box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
}

.u-radio2 .radio2_box .u-icon {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
}

.u-radio2.z-sel .radio2_box .u-icon {
    display: inline-block;
}

.u-radio2.z-dis {
    cursor: not-allowed;
}

.u-radio2-block {
    display: block;
}

.u-radio2 .radio2_box {
    height: 14px;
    width: 14px;
    line-height: 14px;
    background: white;
    color: #d9ddde;
    border: 1px solid #e4e8e9;
    border-radius: 14px;
}

.u-radio2 .radio2_box .u-icon {
    margin-top: -2px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: white;
}

.u-radio2.z-sel .radio2_box {
    background: #49AF4F;
    border: 1px solid #49AF4F;
}

.u-radio2.z-dis .radio2_box {
    color: #eee;
    border: 1px solid #eee;
}

.u-unitgroup > .u-check, .u-unitgroup > .u-radio, .u-unitgroup > .u-check2, .u-unitgroup > .u-radio2, .u-unitgroup > label {
    margin-right: 2em;
}

.u-select2 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
}

.u-select2 .dropdown_hd {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.u-select2 .dropdown_hd .u-icon {
    float: right;
}

.u-select2 .dropdown_bd {
    clear: both;
}

.u-select2 .m-listview {
    overflow-x: hidden;
    overflow-y: auto;
}

.u-select2 .m-treeview {
    overflow: auto;
}

.u-select2.z-dis .dropdown_hd {
    cursor: not-allowed;
}

.u-select2 {
    width: 160px;
}

.u-select2 .dropdown_hd {
    height: 34px;
    line-height: 32px;
    padding: 0 12px;
    background: white;
    color: #555;
    border: 1px solid #e4e8e9;
    border-radius: 3px;
}

.u-select2 .dropdown_hd .u-icon {
    line-height: 32px;
}

.u-select2 .dropdown_bd {
    margin-top: 2px;
}

.u-select2 .dropdown_bd .m-listview, .u-select2 .dropdown_bd .m-treeview {
    max-height: 200px;
    border: 1px solid #e4e8e9;
    border-radius: 3px;
    box-shadow: 1px 1px 10px #E4F9E5;
}

.u-select2 .dropdown_bd .m-listview li, .u-select2 .dropdown_bd .m-treeview li {
    background: white;
    color: #343d42;
    line-height: 32px;
    padding: 0 12px;
}

.u-select2 .dropdown_bd .m-listview li:hover, .u-select2 .dropdown_bd .m-treeview li:hover {
    background-color: #e6eaeb;
}

.u-select2.z-dis .dropdown_hd {
    background: #eee;
    border: 1px solid #e4e8e9;
    color: #999;
}

.u-suggest .m-listview {
    overflow-x: hidden;
    overflow-y: auto;
}

.u-suggest .m-treeview {
    overflow: auto;
}

.u-suggest .m-listview, .u-suggest .m-treeview {
    max-height: 200px;
    border: 1px solid #e4e8e9;
    box-shadow: 1px 1px 10px #E4F9E5;
    background: #fff;
}

.u-suggest .m-listview li, .u-suggest .m-treeview li {
    line-height: 32px;
    text-indent: 10px;
}

.u-suggest .m-listview li.current, .u-suggest .m-treeview li.current {
    background: #eee;
}

.u-uploader {
    display: inline-block;
}

.u-uploader form, .u-uploader iframe {
    display: none;
}

.u-uploader {
    position: relative \0;
    overflow: hidden \0;
}

.u-uploader form {
    display: block \0;
}

.u-uploader input[type="file"] {
    position: absolute \0;
    top: 0;
    right: -5px;
    font-size: 100px;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.u-timepicker {
    display: inline-block;
}

.u-timepicker .u-input {
    width: 56px;
    padding: 6px;
}

.u-datetimepicker .u-timepicker {
    margin: 4px 0;
}

.u-datetimepicker > .dropdown_hd > .u-input {
    width: 154px;
}

.u-datetimepicker .u-timepicker {
    margin: 4px 0;
}

.u-datepicker .date_picker_placeholder {
    color: #bbb;
    position: absolute;
    top: 8px;
    left: 12px;
}

.u-progress {
    overflow: hidden;
}

.u-progress .progress_bar {
    width: 0;
    height: 100%;
    float: left;
    text-align: center;
}

.u-progress {
    height: 20px;
    line-height: 20px;
    background: #f4f4f4;
}

.u-progress .progress_bar {
    background: #d9ddde;
    font-size: 12px;
    color: white;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.u-progress-xs {
    height: 3px;
    line-height: 3px;
    text-indent: -2000px;
}

.u-progress-sm {
    height: 8px;
    line-height: 8px;
    text-indent: -2000px;
}

.u-progress-lg {
    height: 28px;
    line-height: 28px;
}

.u-progress-xl {
    height: 40px;
    line-height: 40px;
}

.u-progress-info .progress_bar {
    background-color: #00c0ef;
}

.u-progress-success .progress_bar {
    background-color: #00a65a;
}

.u-progress-warning .progress_bar {
    background-color: #ff513a;
}

.u-progress-error .progress_bar {
    background-color: #ff513a;
}

.u-progress-striped .progress_bar {
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.u-progress-striped.z-act .progress_bar {
    -webkit-animation: u-progress-striped 2s linear infinite;
    -moz-animation: u-progress-striped 2s linear infinite;
    animation: u-progress-striped 2s linear infinite;
}

@keyframes u-progress-striped {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 40px 0;
    }
}

.u-loading {
    position: fixed;
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 1;
    z-index: 1050;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.u-loading > * {
    position: relative;
    top: 50%;
}

.u-loading-static {
    position: static;
    display: inline-block;
    font-size: inherit;
}

.u-loading-static > * {
    position: static;
}

.u-gotop {
    position: fixed;
    display: block;
    text-align: center;
    z-index: 1050;
    top: 30px;
    left: 30px;
}

.u-gotop-topright, .u-gotop-bottomright {
    left: auto;
    right: 30px;
}

.u-gotop-topcenter, .u-gotop-bottomcenter {
    left: 50%;
    margin-left: -25px;
}

.u-gotop-bottomleft, .u-gotop-bottomright, .u-gotop-bottomcenter {
    top: auto;
    bottom: 30px;
}

.u-gotop-static {
    position: static;
}

.u-gotop {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 32px;
    background: #eee;
    color: #444;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.u-gotop:hover {
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.m-tabs .tabs_hd > li {
    float: left;
    cursor: pointer;
}

.m-tabs .tabs_hd > li.z-crt {
    position: relative;
}

.m-tabs .tabs_hd > li.z-dis {
    cursor: not-allowed;
}

.m-tabs .tabs_bd {
    clear: both;
}

.m-tabs.z-dis .tabs_hd > li {
    cursor: not-allowed;
}

.m-tabs.z-dis .tabs_hd > li.z-crt {
    cursor: default;
}

.m-tabs {
    border-radius: 3px;
    background-color: #f5f7f7;
}

.m-tabs .tabs_hd {
    height: 41px;
    border-bottom: 1px solid #49AF4F;
}

.m-tabs .tabs_hd > li {
    width: 228px;
    margin: 0px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #859295;
    border: 1px solid transparent;
    margin-bottom: -1;
}

.m-tabs .tabs_hd > li:hover, .m-tabs .tabs_hd > li:focus {
    color: #49AF4F;
}

.m-tabs .tabs_hd > li.z-crt {
    background: white;
    border-color: #49AF4F;
    border-bottom-color: #fff;
    color: #49AF4F;
}

.m-tabs .tabs_hd > li.z-dis {
    color: #999;
    background: none;
    border-color: transparent;
}

.m-tabs .tabs_bd {
    display: none;
}

.m-tabs.z-dis .tabs_hd > li:not(.z-crt) {
    background: none;
    color: #999;
    border-color: transparent;
}

.m-tabs-center .tabs_hd {
    position: relative;
    float: left;
    left: 50%;
}

.m-tabs-center .tabs_hd > li {
    position: relative;
    left: -50%;
}

.m-tabs-left {
    position: relative;
}

.m-tabs-left .tabs_hd {
    position: absolute;
    left: 0;
    width: 120px;
    margin-left: 0;
}

.m-tabs-left .tabs_hd > li {
    float: none;
    border: 1px solid transparent;
    border-right-width: 0;
    margin-bottom: 0;
}

.m-tabs-left .tabs_hd > li + li {
    margin-left: 0;
    margin-top: 5px;
}

.m-tabs-left .tabs_hd > li.z-crt {
    padding-bottom: 0;
    margin-right: -1px;
    -webkit-box-shadow: -3px 0 #d9ddde;
    -moz-box-shadow: -3px 0 #d9ddde;
    box-shadow: -3px 0 #d9ddde;
}

.m-tabs-left .tabs_bd {
    margin-left: 120px;
    min-height: 200px;
}

.m-tabs-right {
    position: relative;
}

.m-tabs-right .tabs_hd {
    position: absolute;
    right: 0;
    width: 120px;
    margin-left: 0;
}

.m-tabs-right .tabs_hd > li {
    float: none;
    border: 1px solid transparent;
    border-left-width: 0;
    margin-bottom: 0;
}

.m-tabs-right .tabs_hd > li + li {
    margin-left: 0;
    margin-top: 5px;
}

.m-tabs-right .tabs_hd > li.z-crt {
    padding-bottom: 0;
    padding-left: 16px;
    -webkit-box-shadow: 3px 0 #d9ddde;
    -moz-box-shadow: 3px 0 #d9ddde;
    box-shadow: 3px 0 #d9ddde;
}

.m-tabs-right .tabs_bd {
    margin-right: 120px;
    min-height: 200px;
}

.m-collapse {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-collapse .m-panel .panel_hd {
    cursor: pointer;
}

.m-pager {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-pager > li {
    display: inline-block;
    text-align: center;
}

.m-pager > li > a, .m-pager > li > span {
    display: inline-block;
    text-decoration: none;
}

.m-pager > li.z-dis > a {
    cursor: not-allowed;
}

.m-pager.z-dis > li > a {
    cursor: not-allowed;
}

.m-pager-left {
    text-align: left;
}

.m-pager-right {
    text-align: right;
}

.m-pager {
    font-size: 12px;
}

.m-pager > li {
    margin: 0 2px;
}

.m-pager > li > a, .m-pager > li > span {
    padding: 0 12px;
    min-width: 4px;
    height: 28px;
    line-height: 28px;
    color: #49AF4F;
}

.m-pager > li > a {
    background: transparent;
    color: #859295;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.m-pager > li > a:hover, .m-pager > li > a:focus, .m-pager > li > a:active {
    background: #49AF4F;
    color: white;
}

.m-pager > li.z-crt > a {
    background: #49AF4F;
    color: white;
}

.m-pager > li.z-dis > a {
    background: white;
    color: #999;
    border-color: #ddd;
}

.m-pager.z-dis > li > a {
    background: white;
    color: #999;
    border-color: #ddd;
}

.m-notify {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    z-index: 1040;
    top: 10px;
    left: 10px;
    width: 320px;
}

.m-notify .u-message {
    margin-bottom: 10px;
}

.m-notify-topright, .m-notify-bottomright {
    left: auto;
    right: 10px;
}

.m-notify-topcenter, .m-notify-bottomcenter {
    left: 50%;
    margin-left: -160px;
}

.m-notify-bottomleft, .m-notify-bottomright, .m-notify-bottomcenter {
    top: auto;
    bottom: 10px;
}

@media (max-width: 767px) {
    .m-notify {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0;
    }
}

.m-notify-static {
    position: static;
    width: auto;
}

.u-message::after {
    clear: both;
    content: "";
    display: table;
}

.u-message .message_close {
    float: right;
}

.u-message .message_icon {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -2px;
    line-height: 1;
}

.u-message {
    padding: 15px;
    background: #f4f4f4;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.u-message .message_close {
    color: black;
    filter: alpha(opacity=20);
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.u-message .message_close:hover {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.u-message-info {
    background: #00c0ef;
    color: white;
    border: 1px solid #00acd6;
}

.u-message-success {
    background: #00a65a;
    color: white;
    border: 1px solid #008d4c;
}

.u-message-warning {
    background: #ff513a;
    color: white;
    border: 1px solid #e08e0b;
}

.u-message-error {
    background: #ff513a;
    color: white;
    border: 1px solid #d73925;
}

.m-notify-topcenter {
    background-color: transparent;
    text-align: center;
}

.m-notify-topcenter .u-message {
    border-color: transparent;
    width: 355px;
    height: 14px;
    line-height: 14px;
}

.m-notify-topcenter .u-message .message_icon {
    font-size: 14px;
    margin-right: 5px;
}

.m-notify-topcenter .u-message .message_close {
    display: none;
}

.m-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    text-align: center;
    overflow: hidden;
}

.m-modal:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.m-modal .modal_dialog {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.m-modal .modal_title {
    margin: 0;
}

.m-modal .modal_close {
    float: right;
    margin: -6px -4px 0 0;
}

.m-modal .modal_hd.z-draggable {
    cursor: move;
    cursor: -webkit-grab;
}

.m-modal .z-drag .modal_hd.z-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
}

@media (max-width: 767px) {
    .m-modal .modal_dialog {
        width: auto;
    }
}

html.z-modal, html.z-modal body {
    overflow: hidden;
}

.m-modal {
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
}

.m-modal .modal_dialog {
    min-width: 400px;
    background: white;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    border: 1px solid #999 \9;
}

.m-modal .modal_hd {
    padding: 20px;
    padding-bottom: 0;
}

.m-modal .modal_hd .modal_title {
    margin-top: 0;
}

.m-modal .modal_title {
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 8px;
    margin-left: 20px;
    line-height: 24px;
}

.m-modal .modal_close {
    margin: -20px -20px 0 0;
    width: 38px;
    color: #666;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    text-align: center;
}

.m-modal .modal_close:hover {
    color: #999;
}

.m-modal .modal_bd {
    padding: 10px 40px 40px 40px;
    min-height: 10px;
    font-size: 16px;
    margin-top: 15px;
}

.m-modal .modal-icon {
    display: inline-block;
}

.m-modal .modal-icon span {
    font-size: 60px;
}

.m-modal .modal-icon .warn {
    color: #efc702;
}

.m-modal .modal-icon .info {
    color: #157eee;
}

.m-modal .modal-icon .success {
    color: #51d549;
}

.m-modal .modal-icon .error {
    color: #ff513a;
}

.m-modal .modal_ft {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
}

.m-modal .modal_ft .u-btn {
    min-width: 82px;
    height: 34px;
    line-height: 34px;
}

.m-modal .modal-content {
    display: inline-block;
    margin-left: 10px;
    max-width: 260px;
    width: 260px;
}

.m-modal .modal-content .content {
    color: #859295;
    font-size: 16px;
    line-height: 22px;
}

.m-modal .modal-content .modal_title {
    margin-left: 0;
    margin-top: 0;
}

.m-modal .modal-content .modal_ft {
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 0;
}

.m-modal .modal-content .modal_ft .u-btn {
    width: 80px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.m-modal .modal-content .modal_ft > button + button {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .m-modal .modal_dialog {
        margin: 10px;
    }
}

.m-listview {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-listview > li {
    cursor: pointer;
    position: relative;
}

.m-listview > li.z-dis {
    cursor: not-allowed;
    background: none;
}

.m-listview.z-dis > li {
    cursor: not-allowed;
    background: none;
}

.m-listview > li {
    color: #777;
}

.m-listview > li.z-dis {
    background: none;
    color: #999;
}

.m-listview > li.z-divider {
    margin: 9px 0;
    padding: 0;
    height: 1px;
    background: #e5e5e5;
    overflow: hidden;
}

.m-listview.z-dis {
    background: #eee;
}

.m-listview.z-dis > li {
    background: #eee;
    color: #999;
}

.m-ultilistview.z-dragover.z-dragover-before:before, .m-ultilistview.z-dragover.z-dragover-after:after {
    content: '';
    display: block;
    position: relative;
    z-index: 1;
    border-top: 2px solid #d9ddde;
    top: -1px;
    margin-bottom: -2px;
}

.m-ultilistview > li.z-drag {
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.m-ultilistview > li.z-dragover.z-dragover-before:before, .m-ultilistview > li.z-dragover.z-dragover-after:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    border-top: 2px solid #d9ddde;
}

.m-ultilistview > li.z-dragover.z-dragover-before:before {
    top: -1px;
}

.m-ultilistview > li.z-dragover.z-dragover-after:after {
    bottom: -1px;
}

.m-treeview {
    padding: 5px 0;
    background: #fff;
    color: #ccc;
}

.m-treeview .treeview_list .treeview_list {
    margin-left: 30px;
}

.m-treeview .treeview_item {
    position: relative;
}

.m-treeview .treeview_item > .u-icon {
    padding: 5px 0;
    position: absolute;
    left: -1.2em;
    line-height: inherit;
    margin: 0;
    cursor: pointer;
}

.m-treeview .treeview_item .u-check2 {
    display: block;
}

.m-treeview .treeview_itemname {
    padding: 5px 10px;
    color: #777;
}

.m-treeview .treeview_itemname:hover {
    background: #f4f4f4;
    color: #444;
}

.m-treeview .treeview_itemname.z-dis {
    background: none;
}

.m-treeview .treeview_itemname.z-divider {
    margin: 9px 0;
    padding: 0;
    height: 1px;
    background: #e5e5e5;
    overflow: hidden;
}

.m-treeview .z-dis {
    opacity: .7;
}

.m-multitreeview .treeview_list {
    margin-left: 3.4em;
}

.m-multitreeview .treeview_item > .u-icon {
    left: -3em;
}

.m-multitreeview .treeview_item > .u-check2 {
    position: absolute;
    left: -1.8em;
    padding: 3px 0;
}

.u-calendar {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.u-calendar .calendar_item {
    display: inline-block;
    cursor: pointer;
}

.u-calendar .calendar_item.z-dis {
    cursor: not-allowed;
}

.u-calendar .calendar_hd::after {
    clear: both;
    content: "";
    display: table;
}

.u-calendar .calendar_hd .calendar_prev {
    float: left;
}

.u-calendar .calendar_hd .calendar_next {
    float: right;
}

.u-calendar .calendar_bd {
    clear: both;
}

.u-calendar .calendar_bd .calendar_week .calendar_item {
    font-weight: bold;
    cursor: default;
}

.u-calendar.z-dis .calendar_item {
    cursor: not-allowed;
}

.u-calendar {
    width: 238px;
    padding: 4px;
    background: white;
    color: #555;
    border: 1px solid #e4e8e9;
    border-radius: 4px;
}

.u-calendar .calendar_item {
    width: 32px;
    line-height: 30px;
    margin: 1px;
    border-radius: 3px;
}

.u-calendar .calendar_item:hover {
    background: #f4f4f4;
    color: #444;
}

.u-calendar .calendar_item.z-sel {
    background: #d9ddde;
    color: white;
}

.u-calendar .calendar_item.z-muted {
    color: #999;
}

.u-calendar .calendar_item.z-dis {
    background: none;
    color: #999;
}

.u-calendar .calendar_hd {
    line-height: 32px;
}

.u-calendar .calendar_bd .calendar_week .calendar_item {
    background: none;
}

.u-calendar.z-dis .calendar_item {
    background: white;
    color: #999;
}

.u-calendar.z-dis .calendar_item.z-sel {
    background: #eee;
    color: #999;
}

.m-editor {
    border: 1px solid #ddd;
}

.m-editor .editor_preview {
    background: white;
    border: none;
    padding: 22px;
    min-height: 160px;
    max-height: 240px;
    overflow: auto;
}

.m-editor .editor_toolbar {
    line-height: 32px;
    background: #f5f5f5;
}

.m-editor .editor_textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 22px;
    *padding: 0;
    border: none;
    height: 320px;
    resize: none;
}

.m-editor .editor_textarea:focus {
    outline: 0;
}

.m-editor.z-dis .editor_textarea {
    background: #eee;
    color: #999;
}

.u-loading {
    position: fixed;
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 1;
    z-index: 1050;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.u-loading > * {
    position: relative;
    top: 50%;
}

.u-loading-static {
    position: static;
    display: inline-block;
    font-size: inherit;
}

.u-loading-static > * {
    position: static;
}

.u-loading {
    position: fixed;
    top: 40%;
    left: 48%;
}

.u-loading > * {
}

.loading-content {
    text-align: center;
    margin-left: -100px;
}

.spinner {
    display: none;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    margin-left: -25px;
    margin-top: 50px;
}

.spinner > div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

.u-hovertip {
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(77, 174, 84, 0.15);
    display: block;
    visibility: hidden;
    width: auto;
    min-width: 22px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0 10px;
    top: 0;
    left: 0;
    z-index: 100;
}

.u-hovertip.transition {
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}

.u-hovertip p {
    text-align: center;
    line-height: 36px;
    font-size: 13px;
    color: #343d42;
    white-space: nowrap;
}

.u-hovertip.show {
    visibility: visible;
    opacity: 1;
}

.u-arrow {
    height: 14px;
    position: absolute;
    width: 14px;
    left: auto;
    background: #fff;
    z-index: -1;
    transform: rotate(45deg);
    border: 1px solid #ddd;
    display: none \9;
}

:root .u-arrow {
    display: inline-block;
}

.u-arrow.down {
    bottom: -8px;
    border-top-color: transparent;
    border-left-color: transparent;
}

.u-arrow.up {
    top: -8px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.u-arrow.left {
    left: -8px;
    border-top-color: transparent;
    border-right-color: transparent;
}

.u-arrow.right {
    right: -8px;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.u-hovertip {
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(77, 174, 84, 0.15);
    display: block;
    visibility: hidden;
    width: auto;
    min-width: 22px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0 10px;
    top: 0;
    left: 0;
    z-index: 100;
}

.u-hovertip.transition {
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}

.u-hovertip p {
    text-align: center;
    line-height: 36px;
    font-size: 13px;
    color: #343d42;
    white-space: nowrap;
}

.u-hovertip.show {
    visibility: visible;
    opacity: 1;
}

.u-arrow {
    height: 14px;
    position: absolute;
    width: 14px;
    left: auto;
    background: #fff;
    z-index: -1;
    transform: rotate(45deg);
    border: 1px solid #ddd;
    display: none \9;
}

:root .u-arrow {
    display: inline-block;
}

.u-arrow.down {
    bottom: -8px;
    border-top-color: transparent;
    border-left-color: transparent;
}

.u-arrow.up {
    top: -8px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.u-arrow.left {
    left: -8px;
    border-top-color: transparent;
    border-right-color: transparent;
}

.u-arrow.right {
    right: -8px;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

@charset "UTF-8";
.uisprite {
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat 4449px 4449px;
}

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
    outline: none;
}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
    border: 0;
}

img {
    vertical-align: top;
}

cite, em, var, address, dfn {
    font-style: normal;
}

i {
    font-style: italic;
}

[hidefocus], summary {
    outline: 0;
}

li {
    list-style: none;
}

sup, sub {
    font-size: 83%;
}

pre, code, kbd, samp {
    font-family: inherit;
}

q:before, q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

em, strong, b {
    font-weight: bold;
}

del, ins, s, a, a:hover {
    text-decoration: none;
}

body, textarea, input, button, select, keygen, legend {
    font: 12px/1.5 "Arial", "Hiragino Sans GB", "SimSun", \5b8b\4f53, "serif";
    color: #333;
    outline: 0;
    font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
}

input {
    vertical-align: middle;
    margin: 0px;
    border: none;
    background: none;
}

h1, h2, h3, h4, h5, h6, small {
    font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    line-height: 1.5;
    font-weight: normal;
}

body {
    background: #eee;
    font-size: 12px;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.33em;
}

h4 {
    font-size: 1.17em;
}

body li {
    clear: none;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 4px;
}

body {
    min-width: 960px;
}

.g-doc, .g-flow {
    width: 960px;
    margin: 0 auto;
}

.g-flow-wide {
    width: 1260px;
    margin: 0 auto;
}

.g-wrap {
    width: 100%;
}

.g-iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.g-main {
    min-height: 480px;
}

.g-container {
    margin-left: -20px;
    position: relative;
    z-index: 0;
}

.g-container .g-cell, .g-container .g-cell1, .g-container .g-cell2, .g-container .g-cell3, .g-container .g-cell4 {
    width: 225px;
    margin-left: 20px;
    float: left;
}

.g-container .g-cell2 {
    width: 470px;
}

.g-container .g-cell3 {
    width: 715px;
}

.g-container .g-cell4 {
    width: 900px;
}

.g-hide {
    display: none;
}

@media screen and (min-width: 1210px) {
    .g-flow {
        width: 1205px;
    }

    .g-hide {
        display: block;
    }

    .g-content {
        width: 960px;
    }

    body {
        overflow-x: hidden;
    }
}

.g-sd1 {
    position: relative;
    float: left;
    width: 225px;
    margin-right: -225px;
}

.g-mn1 {
    float: right;
    width: 100%;
}

.g-mn1c {
    margin-left: 245px;
}

.g-sd2 {
    position: relative;
    float: right;
    width: 225px;
    margin-left: -225px;
}

.g-mn2 {
    float: left;
    width: 100%;
}

.g-mn2c {
    margin-right: 245px;
}

.b-10, .b-20, .b-30, .b-15, .b-40, .b-50 {
    clear: both;
    height: 10px;
    overflow: hidden;
    display: block;
}

.b-20 {
    height: 20px;
}

.b-30 {
    height: 30px;
}

.b-15 {
    height: 15px;
}

.b-40 {
    height: 40px;
}

.b-50 {
    height: 50px;
}

html, body {
    height: 100%;
}

#g-container {
    min-height: 100%;
    position: relative;
}

#g-body {
    padding-bottom: 90px;
}

#j-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 143px;
}

.f-cb:after, .g-container:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-cb, .g-container {
    zoom: 1;
}

.f-thide, .f-nowrp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f-hide {
    text-indent: -9999px;
    overflow: hidden;
}

.f-ib {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-pr {
    position: relative;
}

.f-pf {
    position: fixed;
}

.f-af {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.f-tc {
    text-align: center;
}

.f-ww {
    word-wrap: break-word;
}

.f-sign {
    font-weight: bold;
    color: #cc3333;
    padding-right: 5px;
    vertical-align: middle;
}

.f-bg {
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pa {
    position: absolute;
}

.f-richEditorText {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    color: #666;
    line-height: 22px;
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.f-richEditorText em {
    font-style: italic;
}

.f-richEditorText p {
    margin: 0;
    padding: 0;
}

.f-richEditorText span {
    word-wrap: break-word;
    white-space: pre-wrap;
}

.f-richEditorText div {
    margin: 10px 0;
    padding: 0;
    position: relative;
}

.f-richEditorText sup, .f-richEditorText blockquote {
    border-left: 3px solid #D0E5F2;
    font-style: normal;
    padding: 0 0 0 10px;
    vertical-align: baseline;
    margin: 0;
    font-size: 14px;
}

.f-richEditorText img {
    max-height: 520px;
    max-width: 520px;
    vertical-align: top;
}

.f-richEditorText code {
    display: inline-block;
    font-family: monospace;
    white-space: pre-wrap;
    margin: .5em 0;
    padding: .4em .6em;
    border-radius: 8px;
    background: #EFEFEF;
}

.f-richEditorText ol li {
    list-style-type: decimal;
}

.f-richEditorText ul li {
    list-style-type: disc;
}

.f-richEditorText table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E4E4E4;
}

.f-richEditorText table th, .f-richEditorText table td {
    border: 1px solid #E4E4E4;
    padding: 5px;
}

.f-scale1 {
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.f-scale1:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.f-scale11 {
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.f-scale11:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.f-scaleSubImg11 img {
    -moz-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s;
    transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s;
}

.f-scaleSubImg11:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.f-transition {
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.f-3line span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.f-4line span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.f-f0 {
    font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
}

.f-f1 {
    font-family: "Arial", "Hiragino Sans GB", "SimSun", \5b8b\4f53, "Georgia", "serif";
}

.f-fc0 {
    color: #000;
}

.f-fc3 {
    color: #333;
}

.f-fc6 {
    color: #666;
}

.f-fc9 {
    color: #999;
}

.f-fcf {
    color: #fff;
}

.f-fcc {
    color: #ccc;
}

.f-fcred {
    color: #FF0202;
}

.f-fcgreen {
    color: #55B929;
}

.f-fcorange {
    color: #FF7A3E;
}

a.f-fcgreen {
    color: #55B929;
}

a:hover {
    color: #55B929;
    text-decoration: none;
    cursor: pointer;
}

a.f-fcgreen:hover {
    color: #96D103;
    text-decoration: none;
}

a.f-fc0:hover, a:hover .f-fc0, a.f-fc3:hover, a:hover .f-fc3, a.f-fc6:hover, a:hover .f-fc6, a.f-fc9:hover, a:hover .f-fc9, a.f-fcf:hover, a:hover .f-fcf {
    color: #96D103;
    text-decoration: none;
}

.f-fs0 {
    font-size: 12px;
}

.f-fs13 {
    font-size: 13px;
    line-height: 20px;
}

.f-fs14 {
    font-size: 14px;
    line-height: 22px;
}

.f-fs15 {
    font-size: 15px;
    line-height: 25px;
}

.f-fs16 {
    font-size: 16px;
    line-height: 28px;
}

.f-fs18 {
    font-size: 18px;
    line-height: 30px;
}

.f-fwb {
    font-weight: bold;
}

@font-face {
    font-family: 'icon-mooc';
    src: url(http://mc.stu.126.net/res/fonts/icon-mooc.eot?123qwe);
    src: url(http://mc.stu.126.net/res/fonts/icon-mooc.eot?123qwe#iefix) format("embedded-opentype"), url(http://mc.stu.126.net/res/fonts/icon-mooc.ttf?123qwe) format("truetype"), url(http://mc.stu.126.net/res/fonts/icon-mooc.woff?123qwe) format("woff"), url(http://mc.stu.126.net/res/fonts/icon-mooc.svg?123qwe#icon-mooc) format("svg");
    font-weight: normal;
    font-style: normal;
}

.f-icon {
    font-family: 'icon-mooc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="u-icon-"], [class*=" u-icon-"] {
    font-family: 'icon-mooc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.u-icon-dots-more:before {
    content: "\e986";
}

.u-icon-clock-icon:before {
    content: "\e983";
}

.u-icon-message-icon:before {
    content: "\e984";
}

.u-icon-like-icon:before {
    content: "\e985";
}

.u-icon-search2:before {
    content: "\e981";
}

.u-icon-moreArrow:before {
    content: "\e982";
}

.u-icon-gotop:before {
    content: "\e97e";
}

.u-icon-leave-message:before {
    content: "\e97f";
}

.u-icon-mobile-phone:before {
    content: "\e980";
}

.u-icon-played:before {
    content: "\e97d";
}

.u-icon-circle-caret-right:before {
    content: "\e97b";
}

.u-icon-circle-caret-left:before {
    content: "\e97c";
}

.u-icon-all:before {
    content: "\e960";
}

.u-icon-art:before {
    content: "\e961";
}

.u-icon-biomedicine:before {
    content: "\e962";
}

.u-icon-computer:before {
    content: "\e963";
}

.u-icon-eco-management:before {
    content: "\e964";
}

.u-icon-engineering:before {
    content: "\e965";
}

.u-icon-foreign-language:before {
    content: "\e966";
}

.u-icon-law:before {
    content: "\e967";
}

.u-icon-literary-history:before {
    content: "\e968";
}

.u-icon-more2:before {
    content: "\e969";
}

.u-icon-philosophy:before {
    content: "\e96a";
}

.u-icon-psychology:before {
    content: "\e96b";
}

.u-icon-science:before {
    content: "\e96c";
}

.u-icon-teaching-method:before {
    content: "\e96d";
}

.u-icon-all-m:before {
    content: "\e96e";
}

.u-icon-art-m:before {
    content: "\e96f";
}

.u-icon-biomedicine-m:before {
    content: "\e970";
}

.u-icon-computer-m:before {
    content: "\e971";
}

.u-icon-eco-management-m:before {
    content: "\e972";
}

.u-icon-engineering-m:before {
    content: "\e973";
}

.u-icon-foreign-language-m:before {
    content: "\e974";
}

.u-icon-law-m:before {
    content: "\e975";
}

.u-icon-literary-history-m:before {
    content: "\e976";
}

.u-icon-philosophy-m:before {
    content: "\e977";
}

.u-icon-psychology-m:before {
    content: "\e978";
}

.u-icon-science-m:before {
    content: "\e979";
}

.u-icon-teaching-method-m:before {
    content: "\e97a";
}

.u-icon-presenter:before {
    content: "\e95f";
}

.u-icon-person:before {
    content: "\e95d";
}

.u-icon-clock2:before {
    content: "\e95e";
}

.u-icon-reply:before {
    content: "\e95b";
}

.u-icon-vote:before {
    content: "\e95c";
}

.u-icon-post:before {
    content: "\e95a";
}

.u-icon-normal-close:before {
    content: "\e959";
}

.u-icon-more:before {
    content: "\e958";
}

.u-icon-service:before {
    content: "\e957";
}

.u-icon-admin:before {
    content: "\e956";
}

.u-icon-teacher:before {
    content: "\e955";
}

.u-icon-stu:before {
    content: "\e954";
}

.u-icon-warning2:before {
    content: "\e628";
}

.u-icon-full-screen:before {
    content: "\e61a";
}

.u-icon-min-screen:before {
    content: "\e627";
}

.u-icon-voice:before {
    content: "\e61b";
}

.u-icon-mute:before {
    content: "\e61d";
}

.u-icon-play:before {
    content: "\e619";
}

.u-icon-pause:before {
    content: "\e61e";
}

.u-icon-replay:before {
    content: "\e61f";
}

.u-icon-wrong:before {
    content: "\e616";
}

.u-icon-big-close:before {
    content: "\e60a";
}

.u-icon-small-close:before {
    content: "\e60b";
}

.u-icon-search:before {
    content: "\e601";
}

.u-icon-cert:before {
    content: "\e60c";
}

.u-icon-time:before {
    content: "\e600";
}

.u-icon-doc:before {
    content: "\e60e";
}

.u-icon-discuss2:before {
    content: "\e60f";
}

.u-icon-video2:before {
    content: "\e610";
}

.u-icon-text:before {
    content: "\e611";
}

.u-icon-test3:before {
    content: "\e612";
}

.u-icon-return:before {
    content: "\e614";
}

.u-icon-info:before {
    content: "\e615";
}

.u-icon-success:before {
    content: "\e626";
}

.u-icon-help:before {
    content: "\e802";
}

.u-icon-trash:before {
    content: "\e803";
}

.u-icon-calendar:before {
    content: "\e800";
}

.u-icon-braille:before {
    content: "\e801";
}

.u-icon-pencil:before {
    content: "\e806";
}

.u-icon-down-circle:before {
    content: "\e804";
}

.u-icon-up-circle:before {
    content: "\e805";
}

.u-icon-clock:before {
    content: "\e617";
}

.u-icon-correct:before {
    content: "\e618";
}

.u-icon-caret-left2:before {
    content: "\e953";
}

.u-icon-caret-up2:before {
    content: "\e61c";
}

.u-icon-caret-down2:before {
    content: "\e613";
}

.u-icon-caret-right2:before {
    content: "\e60d";
}

.u-icon-close2:before {
    content: "\e620";
}

.u-icon-setting:before {
    content: "\e622";
}

.u-icon-weixin:before {
    content: "\e623";
}

.u-icon-qq-zone:before {
    content: "\e609";
}

.u-icon-douban2:before {
    content: "\e607";
}

.u-icon-weibo2:before {
    content: "\e605";
}

.u-icon-renren2:before {
    content: "\e924";
}

.u-icon-small-renren:before {
    content: "\e604";
}

.u-icon-qq:before {
    content: "\e94f";
}

.u-icon-neteaseEmail:before {
    content: "\e950";
}

.u-icon-neatease:before {
    content: "\e951";
}

.u-icon-icourse2:before {
    content: "\e952";
}

.u-icon-surprise:before {
    content: "\e94e";
}

.u-icon-check-slim:before {
    content: "\e94d";
}

.u-icon-elite:before {
    content: "\e94c";
}

.u-icon-continue:before {
    content: "\e94b";
}

.u-icon-chat-circle:before {
    content: "\e945";
}

.u-icon-course-discuss:before {
    content: "\e946";
}

.u-icon-course-content:before {
    content: "\e947";
}

.u-icon-test:before {
    content: "\e948";
}

.u-icon-minus-big:before {
    content: "\e949";
}

.u-icon-add-big:before {
    content: "\e944";
}

.u-icon-reply2:before {
    content: "\e94a";
}

.u-icon-front:before {
    content: "\e943";
}

.u-icon-smile:before {
    content: "\e93f";
}

.u-icon-renren:before {
    content: "\e602";
}

.u-icon-weibo:before {
    content: "\e603";
}

.u-icon-douban:before {
    content: "\e606";
}

.u-icon-qzone:before {
    content: "\e608";
}

.u-icon-wechat:before {
    content: "\e621";
}

.u-icon-icourse:before {
    content: "\e624";
}

.u-icon-QQ:before {
    content: "\e625";
}

.u-icon-qiyemail:before {
    content: "\e93c";
}

.u-icon-netease:before {
    content: "\e93d";
}

.u-icon-cash:before {
    content: "\e936";
}

.u-icon-exchange:before {
    content: "\e937";
}

.u-icon-data:before {
    content: "\e938";
}

.u-icon-tag:before {
    content: "\e939";
}

.u-icon-plus:before {
    content: "\e93a";
}

.u-icon-minus:before {
    content: "\e93b";
}

.u-icon-order:before {
    content: "\e935";
}

.u-icon-hand-up:before {
    content: "\e933";
}

.u-icon-hand-down:before {
    content: "\e934";
}

.u-icon-test2:before {
    content: "\e932";
}

.u-icon-thin-caret-up:before {
    content: "\e92d";
}

.u-icon-thin-caret-down:before {
    content: "\e92f";
}

.u-icon-edit:before {
    content: "\e931";
}

.u-icon-delete:before {
    content: "\e930";
}

.u-icon-org-test:before {
    content: "\e92c";
}

.u-icon-org-content2:before {
    content: "\e92b";
}

.u-icon-org-tutor:before {
    content: "\e927";
}

.u-icon-org-content:before {
    content: "\e928";
}

.u-icon-org-utility:before {
    content: "\e929";
}

.u-icon-move:before {
    content: "\e91f";
}

.u-icon-check:before {
    content: "\e920";
}

.u-icon-gear:before {
    content: "\e921";
}

.u-icon-close:before {
    content: "\e922";
}

.u-icon-back:before {
    content: "\e923";
}

.u-icon-course-manage:before {
    content: "\e91e";
}

.u-icon-caret-down:before {
    content: "\e91b";
}

.u-icon-angle-double-right:before {
    content: "\e91c";
}

.u-icon-angle-double-left:before {
    content: "\e91d";
}

.u-icon-im:before {
    content: "\e918";
}

.u-icon-cart:before {
    content: "\e919";
}

.u-icon-mobileview:before {
    content: "\e91a";
}

.u-icon-star:before {
    content: "\e917";
}

.u-icon-collect:before {
    content: "\e916";
}

.u-icon-share:before {
    content: "\e900";
}

.u-icon-caret-left:before {
    content: "\e901";
}

.u-icon-arr-right-small:before {
    content: "\e902";
}

.u-icon-caret-right:before {
    content: "\e903";
}

.u-icon-caret-up:before {
    content: "\e904";
}

.u-icon-book:before {
    content: "\e905";
}

.u-icon-dialog:before {
    content: "\e906";
}

.u-icon-discuss:before {
    content: "\e907";
}

.u-icon-document:before {
    content: "\e908";
}

.u-icon-download:before {
    content: "\e909";
}

.u-icon-exam:before {
    content: "\e90a";
}

.u-icon-exercise:before {
    content: "\e90b";
}

.u-icon-home:before {
    content: "\e90c";
}

.u-icon-list:before {
    content: "\e90d";
}

.u-icon-live:before {
    content: "\e90e";
}

.u-icon-message:before {
    content: "\e90f";
}

.u-icon-notice:before {
    content: "\e910";
}

.u-icon-playing:before {
    content: "\e911";
}

.u-icon-richText:before {
    content: "\e912";
}

.u-icon-score:before {
    content: "\e913";
}

.u-icon-unknown:before {
    content: "\e914";
}

.u-icon-video:before {
    content: "\e915";
}

.u-icon-success-circle:before {
    content: "\e92e";
}

.u-icon-noword:before {
    content: "\e925";
}

.u-icon-sad:before {
    content: "\e926";
}

.u-icon-error-circle:before {
    content: "\e92a";
}

.u-icon-arrange:before {
    content: "\e93e";
}

.u-icon-empty:before {
    content: "\e940";
}

.u-icon-warning:before {
    content: "\e941";
}

.u-icon-empty-criterial:before {
    content: "\e942";
}

.fadeInOut {
    animation-name: fadeInOut;
    animation-duration: 400ms;
    animation-timing-function: ease-in-out;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.fade, .slide {
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
}

.fade {
    transition-property: opacity;
}

.fade-in {
    opacity: 0;
}

.fade-in-active {
    opacity: 1;
}

.fade-out {
    opacity: 1;
}

.fade-out-active {
    opacity: 0;
}

.slide {
    transition-property: height;
    overflow: hidden;
}

.slide.slide-up {
    height: 0;
}

.x-zoomImg {
    overflow: hidden;
}

.x-zoomImg img {
    vertical-align: middle;
    -webkit-transition: all, 1s, ease;
    -moz-transition: all, 1s, ease;
    transition: all, 1s, ease;
}

.x-zoomImg img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.x-hide, .x-hoverItem .x-child {
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -webkit-transform;
    -ms-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -ms-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: scale(0.9);
    opacity: 0;
    pointer-events: none;
    display: none \9;
    visibility: hidden;
}

.x-show, .x-hoverItem:hover .x-child {
    opacity: 1;
    -webkit-transform: scale(1);
    pointer-events: all;
    display: block \9;
    visibility: visible;
}

.u-tips, .u-tips2 {
    background-color: #80be01;
    padding: 10px;
    color: #fff;
    line-height: 1;
    border-radius: 4px;
    box-shadow: 0px 2px 2px #e7e7e7;
    font-size: 14px;
}

.u-tips span, .u-tips2 span {
    margin: 0 2px;
}

.u-tips2 {
    background-color: #ff0012;
}

.u-tips2 .icon:before {
    content: '\e611';
}

.u-cert {
    background-color: #E3F8FF;
    border: 1px solid #BFDFFF;
    border-radius: 2px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 80px;
}

.u-cert .f-icon {
    font-size: 24px;
    vertical-align: -10px;
    color: #54A4FF;
    margin-right: 4px;
}

.u-cert2 {
    width: 105px;
    border-color: #FFDC74;
    background-color: #FDFFD8;
}

.u-cert2 .f-icon {
    color: #FF4000;
}

.u-share a.f-fc0:hover {
    color: #ffffff;
}

.u-share .solo {
    font-size: 15px;
    margin: 0 10px;
    display: block;
    border-radius: 50%;
    color: #ffffff;
    padding: 5px;
}

.u-share .sina {
    background-color: #ed5b57;
}

.u-share .sina:hover {
    background-color: #e5150f;
    color: #ffffff;
}

.u-share .qzone {
    background-color: #73c3ed;
}

.u-share .qzone:hover {
    background-color: #37a9e5;
    color: #ffffff;
}

.u-share .renren {
    background-color: #91bae2;
}

.u-share .renren:hover {
    background-color: #639dd6;
    color: #ffffff;
}

.u-share .weixin {
    background-color: #71c96a;
}

.u-share .weixin:hover {
    background-color: #35b22b;
    color: #ffffff;
}

.u-share .weixin:hover .cnt {
    display: block;
}

.u-share .weixin .cnt {
    background-color: #fff;
    color: #343d42;
    width: 150px;
    text-align: center;
    font-size: 14px;
    padding: 12px 0;
    line-height: 20px;
    border: 1px solid #d9ddde;
    top: -215px;
    left: -65px;
}

.u-share .weixin .cnt .tip {
    margin-top: 7px;
}

.u-share .weixin .cnt .tipBg {
    width: 1px;
    height: 1px;
    border: 9px solid transparent;
    bottom: -19px;
    left: 64px;
    border-top-color: #d9ddde;
}

.u-share .weixin .cnt .tipTp {
    width: 1px;
    height: 1px;
    border: 8px solid transparent;
    border-top-color: #fff;
    bottom: -17px;
    left: 65px;
    z-index: 3;
}

.u-share2 .solo {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

.u-share2 .sina {
    background-position: -52px -92px;
}

.u-share2 .sina:hover {
    background-position: -52px -123px;
}

.u-share2 .qzone {
    background-position: 0 -92px;
}

.u-share2 .qzone:hover {
    background-position: 0 -123px;
}

.u-share2 .renren {
    background-position: -104px -92px;
}

.u-share2 .renren:hover {
    background-position: -104px -123px;
}

.u-share2 .weixin {
    background-position: -153px -92px;
}

.u-share2 .weixin:hover {
    background-position: -153px -123px;
}

div.m-QRCodeDialog {
    width: 280px;
}

div.m-QRCodeDialog div.zbar {
    height: 10px;
}

div.m-QRCodeDialog div.zcnt {
    height: 125px;
    padding: 0 20px 10px;
}

div.m-QRCodeDialog .tip {
    margin: 20px 0 0;
    text-align: center;
    line-height: 25px;
    color: #666666;
    font-size: 12px;
}

.u-img {
    border: 1px solid #fff;
}

.u-loadmore {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}

.u-loadmore:hover {
    color: #89BC00;
}

.m-infomation .top {
    font-size: 16px;
    height: 50px;
    line-height: 51px;
    text-indent: 20px;
    border-bottom: 1px solid #eee;
}

.m-infomation .bottom {
    padding: 20px 30px;
}

.m-infomation .u-loadmore {
    background-color: #f4f4f4;
}

.u-baseinputui {
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #ddd;
}

.u-baseinputui .inputtxt {
    width: 100%;
    height: 100%;
    padding: 5px;
    font-size: 12px;
    background: #fafafa;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none;
}

.u-baseinputui .inputtxt:focus {
    background-color: #fff;
}

.u-baseinputui .inputhint {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 8px;
    left: 10px;
}

.u-baseinputui-disable {
    border-color: #ddd;
}

.u-baseinputui-disable .inputtxt {
    color: #999;
}

.u-baseinputui-error {
    border-color: #ff3f04;
}

.u-loading {
    position: fixed;
    top: 38%;
    left: 44%;
    width: 75px;
    height: 22px;
    background: #fafafa url(http://mc.stu.126.net/res/images/ui/loading.gif?5d029469e46467c043f44f54ab078874) center center no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px #777;
    -moz-box-shadow: 0 3px 10px #777;
    box-shadow: 0 3px 10px #777;
}

.u-select {
    height: 32px;
    padding: 0 10px;
    width: 257px;
    background-color: white;
    border: 1px solid #dfdfdf;
    position: relative;
}

.u-select.disabled {
    background-color: #fafafa;
}

.u-select.disabled .up {
    cursor: default;
}

.u-select .up {
    cursor: pointer;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) 241px -177px no-repeat;
}

.u-select .up .txt1 {
    width: 177px;
    height: 30px;
}

.u-select .down {
    position: absolute;
    top: 32px;
    left: 0;
    width: 275px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    border: 1px solid #d1d2d4;
}

.u-select .down .clazz {
    max-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
}

.u-select .down .nocl {
    font-size: 12px;
    color: #999;
    padding: 8px 12px;
}

.u-select .list {
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    width: 257px;
    cursor: pointer;
    overflow: hidden;
}

.u-select .list:hover {
    background-color: #ececee;
}

.u-select .list input {
    margin: 10px 10px 10px 5px;
}

.u-select .list .txt {
    width: 125px;
}

.u-select .list .tit {
    min-width: 44px;
}

.u-select .list .u-lsnicon {
    margin: 10px 10px 6px 10px;
}

.u-select .list .txt1 {
    width: 177px;
    height: 33px;
}

.u-pager {
    padding: 20px 0;
}

.u-pager .zbtn, .u-pager .znxt, .u-pager .zprv, .u-pager .zpgi {
    color: #999;
    background: #fff;
    border: 1px solid #ddd;
    line-height: 30px;
    width: 30px;
    padding: 8px 13px;
}

.u-pager .zbtn:hover, .u-pager .znxt:hover, .u-pager .zprv:hover, .u-pager .zpgi:hover {
    color: #fff;
    border: 1px solid #70AD00;
    background: #70AD00;
}

.u-pager .js-disabled {
    color: #999 !important;
    background: #fff;
    border: 1px solid #ddd !important;
}

.u-pager .js-disabled:hover {
    border: 1px solid #ddd !important;
    background: #fff;
}

.u-pager .js-selected {
    color: #fff;
    border: 1px solid #70AD00;
    background: #70AD00 !important;
}

.u-tabul {
    width: 205px;
    padding: 10px;
}

.u-tabul .u-greentab {
    margin-bottom: 2px;
}

.u-tabul .u-greentab a {
    display: block;
    font-size: 16px;
    line-height: 40px;
    padding-left: 12px;
    background-color: #fff;
}

.u-tabul .u-greentab a:hover {
    background-color: #f8f8f8;
}

.u-tabul .u-curtab a {
    color: #fff;
    background-color: #55b929;
}

.u-tabul .u-curtab a:hover {
    color: #fff;
    background-color: #55b929;
}

.u-searchIpt {
    background: #fafafa;
    height: 30px;
    width: 210px;
    float: left;
    padding: 0 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
}

.u-searchIpt input[type=text] {
    border: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 18px;
    padding: 6px 0;
    width: 86%;
}

.u-searchIpt .submit, .u-searchIpt input[type=submit] {
    background-color: transparent;
    font-size: 16px;
    line-height: 1.4;
    color: #ddd;
    vertical-align: middle;
    cursor: pointer;
    width: 12%;
}

.u-searchIpt label {
    position: absolute;
    top: 6px;
    left: 9px;
    cursor: text;
}

.u-searchIpt.active {
    background-color: #fff;
}

div.u-colorpick .zbx {
    background: url(http://mc.stu.126.net/res/images/ui/nej_color_btn.png?3f7dbf3bac584b5bddcfef164c01216d) no-repeat -50px -50px;
}

div.u-colorpick .zbg {
    background: url(http://mc.stu.126.net/res/images/ui/nej_color_btn.png?3f7dbf3bac584b5bddcfef164c01216d) no-repeat -50px -50px;
}

div.u-colorpick .zpnl .zshw {
    background: url(http://mc.stu.126.net/res/images/ui/nej_color.png?67bad35dd34aa030a6aed0caac7e91fd) no-repeat;
}

div.u-colorpick .zhlt .zshw {
    background: url(http://mc.stu.126.net/res/images/ui/nej_color_mask.png?c440e28206ea73f439e1545331f9b461) repeat-x;
}

div.u-colorpick .zinf .zbtn {
    font-size: 12px !important;
    line-height: 12px !important;
    margin-left: 10px;
    padding: 0px !important;
    min-width: 30px !important;
}

div.u-colorpick > div {
    width: 170px !important;
}

.u-helplink {
    line-height: 19px;
}

.u-topxcbg {
    overflow: hidden;
    background: #ceedff;
    border-bottom: 1px solid #c1c1c1;
}

.u-topxcbg .con {
    height: 200px;
}

.u-topxcbg .bg {
    top: 0;
    left: -275px;
    width: 1510px;
    height: 200px;
    background: url(http://mc.stu.126.net/res/images/common/topbg.png?02fa0085603318b58ffab4a4fdf0366c) center center;
}

.u-topxcbg .tit {
    top: 50px;
    left: 0;
    width: 461px;
    height: 34px;
    background: url(http://mc.stu.126.net/res/images/common/topbg_txt.png?643eb3cf4a87469531a4bbc83d8a71f6);
}

.u-topxcbg .sm {
    left: 0;
    top: 105px;
    line-height: 21px;
    width: 520px;
    font-size: 14px;
}

table.u-table {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #ddd;
}

table.u-table td, table.u-table th {
    padding: 8px 20px;
    text-align: left;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.u-table th {
    color: #333;
    background: #F8F8F8;
    border: 1px solid #E4E4E4;
}

table.u-table td {
    font-size: 12px;
    border: 1px solid #ddd;
}

table.u-table .warn td {
    color: #D80000;
}

.u-usitys {
    margin: -20px 0 0 -20px;
}

.u-usitys .u-usity {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 42px 60px;
    margin: 20px 0 0 20px;
}

.m-dialog {
    width: 320px;
}

.m-dialog .btn {
    text-align: right;
}

.m-dialog .content {
    min-height: 55px;
    margin-bottom: 10px;
}

.m-dialog .icon {
    float: left;
    width: 57px;
    height: 57px;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat 4449px 4449px;
    margin: 0 20px;
}

.m-dialog .cnt {
    margin-left: 98px;
}

.m-dialog .cntnom {
    margin-left: 0;
}

.m-dialog .ic1 {
    background-position: 0 -85px;
}

.m-dialog .ic2 {
    background-position: -65px -85px;
}

.m-dialog .ic3 {
    display: none;
}

.m-dialog .cnt {
    line-height: 23px;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.m-dialog .cnt .topTip {
    line-height: 20px;
    color: #333;
}

.m-dialog .cnt .botTip {
    line-height: 20px;
    color: #999;
}

.m-scdialog {
    top: 100px;
    left: 100px;
    width: 130px;
    padding: 15px;
    border: 1px solid #babecb;
    background: #fff;
    box-shadow: 0px 3px 14px #aaa;
    -webkit-box-shadow: 0px 3px 14px #aaa;
    -moz-box-shadow: 0px 3px 14px #aaa;
    z-index: 10020;
}

.m-scdialog .content {
    margin-bottom: 12px;
}

.m-scdialog .icon {
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) -62px -156px no-repeat;
    height: 20px;
    width: 20px;
}

.m-scdialog .msg {
    width: 108px;
    line-height: 18px;
    color: #333;
    font-size: 12px;
}

div.m-basewin {
    text-align: left;
    z-index: 10021;
    top: 0;
    left: 0;
    border: 1px solid #BABECB;
    background: #ffffff;
    color: #444;
    box-shadow: 0px 3px 14px #aaa;
    -webkit-box-shadow: 0px 3px 14px #aaa;
    -moz-box-shadow: 0px 3px 14px #aaa;
}

div.m-basewin .zbar {
    cursor: move;
    font-size: 14px;
    line-height: 44px;
    height: 44px;
    color: #444;
    border: none;
    background: none;
}

div.m-basewin .zttl {
    padding: 0 20px;
    line-height: 44px;
    max-width: 620px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.m-basewin .zcnt {
    padding: 0;
}

div.m-basewin .zcnt .bigTitle {
    width: 100%;
    height: 50px;
    line-height: 34px;
    border-bottom: 1px solid #d4d4d4;
    position: relative;
    text-align: center;
    font-size: 20px;
}

div.m-basewin .zcnt .bigTitle .ic {
    position: absolute;
    left: 43%;
    bottom: -2px;
    height: 4px;
    width: 15%;
    background-color: #8bb721;
}

div.m-basewin .zcls {
    top: 0;
    text-indent: -9999px;
    display: block;
    width: 32px;
    height: 32px;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat -170px -92px;
}

div.m-basewin .zcls:hover {
    background-position: -203px -92px;
}

div.m-basewin .zcls:active {
    background-position: -246px -92px;
}

div.m-basewin .u-btn, div.m-basewin div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf div.m-basewin .zbtn {
    height: 36px;
    line-height: 36px;
    padding: 0 4px;
    margin-right: 10px;
    min-width: 50px;
}

div.m-com-mask {
    z-index: 10011;
    background-color: #3b3b3b;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

div.m-editorwin {
    z-index: 10011;
}

div.m-winmark {
    box-shadow: 0px 2px 18px #444;
    border: none;
}

.u-hidetitle .zbar .zttl {
    text-indent: -9999px;
    overflow: hidden;
}

.u-window-pd.m-basewin div.zcnt {
    padding: 0 20px 20px 20px;
}

.m-reportDialog {
    width: 400px;
    height: 200px;
    position: relative;
}

.m-reportDialog .reportedit .m-edititem .editwrap {
    height: 135px;
}

.m-reportDialog .reportedit .m-edititem .editwrap .edittxt {
    height: 135px;
}

.m-reportDialog .feedback {
    position: absolute;
    left: -12px;
    top: 152px;
}

.u-txt {
    background: #f1f1f1;
    outline: 1px solid #dfdfdf;
}

.u-txt .txt {
    height: 20px;
    width: 330px;
    padding: 10px 0 13px;
    line-height: 20px;
    background: transparent;
    font-size: 16px;
    border: none;
    text-indent: .5em;
}

.f-err {
    outline-color: #ff6666 !important;
}

.loginErrorTip {
    top: 28% !important;
    left: 30% !important;
}

div.m-loginbox {
    border: 1px solid #ddd;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    width: 450px;
    text-align: left;
    float: left;
}

div.m-loginbox .loginTip {
    width: 308px;
    height: 80px;
    top: 141px;
    left: 19px;
    padding: 10px;
    border: none;
    border: 1px solid #dfdfdf;
    background: #ffffe8;
}

div.m-loginbox .loginTip .anobtn {
    margin-top: 25px;
}

div.m-loginbox .loginTip .u-btn, div.m-loginbox .loginTip div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf div.m-loginbox .loginTip .zbtn {
    margin-top: 15px;
}

div.m-loginbox .tabs {
    border-bottom: 1px solid #d4d4d4;
}

div.m-loginbox .tabs .tab {
    font-size: 16px;
    cursor: pointer;
    width: 160px;
    height: 39px;
    margin: 40px 0px 0px 40px;
    padding-bottom: 10px;
    border-bottom: 4px solid #8bb721;
    font-size: 16px;
}

div.m-loginbox .tabs .tab2 {
    background-position: 25px 19px;
}

div.m-loginbox .tabs .inactive {
    border-bottom: none;
    background-color: #ffffff;
    color: #333;
}

div.m-loginbox .tabs .active {
    color: #8bb721;
}

div.m-loginbox .sep {
    height: 60px;
    width: 1px;
    background: #ddd;
}

div.m-loginbox .u-btn-submit {
    height: 44px;
    line-height: 37px;
    width: 100%;
    font-size: 20px;
    margin-top: 16px;
}

div.m-loginbox .wrap {
    width: 400px;
    z-index: 100;
    padding-top: 20px;
    padding-left: 20px;
}

div.m-loginbox .wrap .form_content {
    margin: 0 auto;
    width: 300px;
}

div.m-loginbox .itm .placeholder {
    color: #ccc;
    cursor: text;
    font-size: 16px;
}

div.m-loginbox .itm-1 {
    z-index: 11;
    margin-top: 15px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
}

div.m-loginbox .itm-1 .lb {
    float: left;
}

div.m-loginbox .itm-1 .lb .atlg {
    color: #999;
    font-size: 12px;
}

div.m-loginbox .itm-1 a {
    font-size: 12px;
    display: inline-block;
    zoom: 1;
}

div.m-loginbox .reg a span {
    color: #66A000;
}

div.m-loginbox .u-tt3 {
    padding-left: 33px;
    height: 20px;
    line-height: 20px;
}

div.m-loginbox .u-forget {
    padding-right: 10px;
    border-right: 1px solid #cccccc;
    margin-right: 10px;
}

div.m-snsbox {
    border: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    width: 200px;
    height: 360px;
    text-align: center;
    float: left;
}

div.m-snsbox .tab {
    font-size: 16px;
    cursor: pointer;
    width: 160px;
    height: 25px;
    color: #999999;
    margin: 40px 20px 0px 20px;
    font-size: 13px;
}

div.m-snsbox .sns {
    padding-left: 75px;
    padding-top: 15px;
}

div.m-snsbox .sns li {
    display: block;
    width: 55px;
    height: 55px;
    margin-bottom: 10px;
    background-color: #ffffff;
    font-size: 32px;
    border: 1px solid #DCD3D3;
    border-radius: 50%;
    line-height: 55px;
    cursor: pointer;
}

div.m-snsbox .sns li .u-icon-weixin {
    color: #63ba55;
}

div.m-snsbox .sns li .u-icon-qq {
    color: #4aaede;
}

div.m-snsbox .sns li .u-icon-weibo {
    color: #ec7a7f;
}

div.m-snsbox .sns li .u-icon-renren {
    color: #689fd2;
}

div.m-snsbox .sns li:hover {
    background-color: #f8f8f8;
    border-radius: 50%;
}

.m-login {
    padding: 0 20px;
}

.m-login .tip {
    position: absolute;
    top: -28px;
    left: 37px;
    width: 100%;
    height: 20px;
}

.m-login .tip .m-feedbackinfo {
    padding-left: 0;
}

.m-login .itm .placeholder {
    position: absolute;
    top: 12px;
    left: 5px;
    color: #ccc;
    cursor: text;
    font-size: 16px;
}

.m-login .itm1 {
    margin-top: 10px;
}

.m-login .itm2 {
    margin-top: 15px;
}

.m-login .itm-1 {
    z-index: 11;
    margin-top: 15px;
    height: 16px;
    line-height: 14px;
}

.m-login .itm-1 .lb {
    float: left;
}

.m-login .itm-1 .lb .atlg {
    color: #999;
    font-size: 12px;
}

.m-login .itm-1 a {
    font-size: 12px;
    display: inline-block;
    zoom: 1;
}

.u-info {
    position: absolute;
    left: 8px;
    top: 138px;
    padding: 8px;
    width: 195px;
    border: 1px solid #dfdfdf;
    background: #ffffe8;
}

.u-info p {
    line-height: 20px;
    font-size: 12px;
}

.u-info .arr {
    position: absolute;
    left: 28px;
    top: -8px;
    width: 20px;
    height: 10px;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat 9999px 9999px;
    background-position: -137px -104px;
}

div.u-logwin .zbar {
    display: none;
}

.m-edititem {
    width: 100%;
}

.m-edititem .editwrap {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: inset 1px 1px 2px #DFDFDF;
    -moz-box-shadow: inset 1px 1px 2px #DFDFDF;
    box-shadow: inset 1px 1px 2px #DFDFDF;
    padding: 5px;
    height: 65px;
    position: relative;
}

.m-edititem .editwrap .edittxt {
    font-size: 12px;
    line-height: 16px;
    height: 65px;
    width: 100%;
    background: transparent;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.m-edititem .editwrap .hint {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 5px;
    left: 5px;
}

.m-edititem .editopt {
    padding-top: 8px;
}

.m-edititem .editopt a {
    float: right;
}

.m-edititem .editopt a.cancelbtn {
    line-height: 30px;
    margin-right: 15px;
}

.u-upd-img-btn {
    position: relative;
}

.u-upd-img-btn .flashbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 32px;
}

.u-btn, div.u-colorpick .zinf .zbtn {
    display: inline-block;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #E1E1E1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#EBEBEB), to(#E1E1E1));
    background-image: -moz-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -ms-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #E1E1E1));
    background-image: -webkit-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: -o-linear-gradient(#EBEBEB, #E1E1E1);
    background-image: linear-gradient(#EBEBEB, #E1E1E1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-btn:hover, div.u-colorpick .zinf .zbtn:hover, .u-btn.hvr, div.u-colorpick .zinf .hvr.zbtn {
    background-color: #EDEDED;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background-image: -moz-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -ms-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #EDEDED));
    background-image: -webkit-linear-gradient(#F6F6F6, #EDEDED);
    background-image: -o-linear-gradient(#F6F6F6, #EDEDED);
    background-image: linear-gradient(#F6F6F6, #EDEDED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #666;
}

.u-btn-sm {
    padding: 5px 6px;
    font-size: 12px;
    line-height: 14px;
    min-width: 50px;
}

.u-btn-lg {
    padding: 11px 14px;
    font-size: 20px;
    line-height: 20px;
    min-width: 110px;
}

.u-btn-primary {
    background-color: #69B1F8;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#6FB7FF), to(#69B1F8));
    background-image: -moz-linear-gradient(#6FB7FF, #69B1F8);
    background-image: -ms-linear-gradient(#6FB7FF, #69B1F8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6FB7FF), color-stop(100%, #69B1F8));
    background-image: -webkit-linear-gradient(#6FB7FF, #69B1F8);
    background-image: -o-linear-gradient(#6FB7FF, #69B1F8);
    background-image: linear-gradient(#6FB7FF, #69B1F8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #5998D5;
    color: #fff;
}

.u-btn-primary:hover, .u-btn-primary.hvr {
    background-color: #7AC1F9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#7EC5FF), to(#7AC1F9));
    background-image: -moz-linear-gradient(#7EC5FF, #7AC1F9);
    background-image: -ms-linear-gradient(#7EC5FF, #7AC1F9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7EC5FF), color-stop(100%, #7AC1F9));
    background-image: -webkit-linear-gradient(#7EC5FF, #7AC1F9);
    background-image: -o-linear-gradient(#7EC5FF, #7AC1F9);
    background-image: linear-gradient(#7EC5FF, #7AC1F9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background: #5998D5;
    border-color: #5998D5;
    color: #fff;
}

.u-btn-default {
    background-color: #84B700;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#8FC200), to(#84B700));
    background-image: -moz-linear-gradient(#8FC200, #84B700);
    background-image: -ms-linear-gradient(#8FC200, #84B700);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8FC200), color-stop(100%, #84B700));
    background-image: -webkit-linear-gradient(#8FC200, #84B700);
    background-image: -o-linear-gradient(#8FC200, #84B700);
    background-image: linear-gradient(#8FC200, #84B700);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #719F00;
    color: #fff;
}

.u-btn-default:hover, .u-btn-default.hvr {
    background-color: #A2C917;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#AAD215), to(#A2C917));
    background-image: -moz-linear-gradient(#AAD215, #A2C917);
    background-image: -ms-linear-gradient(#AAD215, #A2C917);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AAD215), color-stop(100%, #A2C917));
    background-image: -webkit-linear-gradient(#AAD215, #A2C917);
    background-image: -o-linear-gradient(#AAD215, #A2C917);
    background-image: linear-gradient(#AAD215, #A2C917);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}

.u-btn-whiteGreen {
    background-color: #FFF;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
    background-image: -moz-linear-gradient(#FFF, #FFF);
    background-image: -ms-linear-gradient(#FFF, #FFF);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FFF));
    background-image: -webkit-linear-gradient(#FFF, #FFF);
    background-image: -o-linear-gradient(#FFF, #FFF);
    background-image: linear-gradient(#FFF, #FFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #83b600;
    color: #61A500;
}

.u-btn-whiteGreen:hover, .u-btn-whiteGreen.hvr {
    background-color: #83b600;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#83b600), to(#83b600));
    background-image: -moz-linear-gradient(#83b600, #83b600);
    background-image: -ms-linear-gradient(#83b600, #83b600);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #83b600), color-stop(100%, #83b600));
    background-image: -webkit-linear-gradient(#83b600, #83b600);
    background-image: -o-linear-gradient(#83b600, #83b600);
    background-image: linear-gradient(#83b600, #83b600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #FFF;
    color: #FFF;
}

.u-btn-disabled {
    background-color: #eee;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#eee));
    background-image: -moz-linear-gradient(#eee, #eee);
    background-image: -ms-linear-gradient(#eee, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#eee, #eee);
    background-image: -o-linear-gradient(#eee, #eee);
    background-image: linear-gradient(#eee, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #ccc;
    color: #666;
    cursor: default;
}

.u-btn-disabled:hover, .u-btn-disabled.hvr {
    background-color: #eee;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#eee));
    background-image: -moz-linear-gradient(#eee, #eee);
    background-image: -ms-linear-gradient(#eee, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#eee, #eee);
    background-image: -o-linear-gradient(#eee, #eee);
    background-image: linear-gradient(#eee, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #666;
}

.u-btn-orange {
    background-color: #FF6C00;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#FF7E00), to(#FF6C00));
    background-image: -moz-linear-gradient(#FF7E00, #FF6C00);
    background-image: -ms-linear-gradient(#FF7E00, #FF6C00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF7E00), color-stop(100%, #FF6C00));
    background-image: -webkit-linear-gradient(#FF7E00, #FF6C00);
    background-image: -o-linear-gradient(#FF7E00, #FF6C00);
    background-image: linear-gradient(#FF7E00, #FF6C00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #EF6502;
    color: #fff;
    border-bottom: 1px solid #b25900;
}

.u-btn-orange:hover, .u-btn-orange.hvr {
    background-color: #ff9326;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ff9326), to(#ff9326));
    background-image: -moz-linear-gradient(#ff9326, #ff9326);
    background-image: -ms-linear-gradient(#ff9326, #ff9326);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9326), color-stop(100%, #ff9326));
    background-image: -webkit-linear-gradient(#ff9326, #ff9326);
    background-image: -o-linear-gradient(#ff9326, #ff9326);
    background-image: linear-gradient(#ff9326, #ff9326);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}

.u-btn-green {
    background-color: #1aa43a;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#1aa43a), to(#1aa43a));
    background-image: -moz-linear-gradient(#1aa43a, #1aa43a);
    background-image: -ms-linear-gradient(#1aa43a, #1aa43a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1aa43a), color-stop(100%, #1aa43a));
    background-image: -webkit-linear-gradient(#1aa43a, #1aa43a);
    background-image: -o-linear-gradient(#1aa43a, #1aa43a);
    background-image: linear-gradient(#1aa43a, #1aa43a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #1aa43a;
    color: #fff;
    border-bottom: 1px solid #1aa43a;
}

.u-btn-green:hover, .u-btn-green.hvr {
    background-color: #1cb540;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#1cb540), to(#1cb540));
    background-image: -moz-linear-gradient(#1cb540, #1cb540);
    background-image: -ms-linear-gradient(#1cb540, #1cb540);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1cb540), color-stop(100%, #1cb540));
    background-image: -webkit-linear-gradient(#1cb540, #1cb540);
    background-image: -o-linear-gradient(#1cb540, #1cb540);
    background-image: linear-gradient(#1cb540, #1cb540);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
}

.u-btn-group .u-btn, .u-btn-group div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf .u-btn-group .zbtn {
    color: #666;
    border-color: #ddd;
    border-left-style: none;
    border-radius: 0;
    background-color: #E8E8E8;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#E8E8E8));
    background-image: -moz-linear-gradient(#fff, #E8E8E8);
    background-image: -ms-linear-gradient(#fff, #E8E8E8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #E8E8E8));
    background-image: -webkit-linear-gradient(#fff, #E8E8E8);
    background-image: -o-linear-gradient(#fff, #E8E8E8);
    background-image: linear-gradient(#fff, #E8E8E8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff$startColor', endColorstr='#ff$endColor', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.u-btn-group .u-btn:hover, .u-btn-group div.u-colorpick .zinf .zbtn:hover, div.u-colorpick .zinf .u-btn-group .zbtn:hover {
    color: #61A500;
}

.u-btn-group .u-btn-disabled {
    cursor: default;
    color: #CCC;
}

.u-btn-group .u-btn-disabled:hover {
    color: #CCC;
}

.u-btn-group .u-btn-active {
    background: #4EA45B;
    border-color: #3C8440;
    color: #fff;
    cursor: default;
    -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.u-btn-group .u-btn-active:hover {
    color: #fff;
}

.u-btn-group .u-btn-left {
    border-left-style: solid;
}

.u-edit {
    position: relative;
    z-index: 101;
    background: #FAFAFA;
    border: 1px solid #DFDFDF;
    -webkit-box-shadow: inset 1px 1px 2px #DFDFDF;
    -moz-box-shadow: inset 1px 1px 2px #dfdfdf;
    box-shadow: inset 1px 1px 2px #DFDFDF;
    padding: 5px;
}

.u-edit .wrap {
    position: relative;
    z-index: 101;
    width: 100%;
    height: 100%;
}

.u-edit .mtxt {
    display: block;
    font-size: 14px;
    position: relative;
    z-index: 101;
    line-height: 23px;
    width: 100%;
    height: 100%;
    resize: none;
    background: transparent;
    border: none;
    color: #444;
    overflow-y: auto;
    overflow-x: hidden;
}

.u-edit .hint {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999;
}

.u-insug .area {
    padding: 0;
    box-shadow: none;
    height: 28px;
    background: #fff;
}

.u-insug .area .sug {
    top: 100%;
}

.u-insug .area .ar {
    text-indent: 6px;
    line-height: 30px;
}

.u-sugInput p {
    font-size: 12px;
    color: #ccc;
    line-height: 22px;
}

.u-sugInput .ipt {
    float: left;
    width: 219px;
}

.u-sugInput .ipt .u-baseinputui .inputtxt {
    width: 209px;
}

.u-sugInput .iptcom {
    width: 150px;
    float: left;
    margin: 0 8px 0 0;
}

.u-sugInput .iptpos {
    width: 138px;
    float: left;
}

.u-sugInput .ar {
    font-size: 12px;
}

.u-sugInput .ar a {
    color: green;
    padding-left: 4px;
}

.u-sugInput div.js-selected, .u-sugInput div.js-selected:hover {
    background-color: #55b829;
}

.u-sugInput div.js-selected a, .u-sugInput div.js-selected:hover a {
    color: #fff;
}

.j-search-box .j-input {
    overflow: initial !important;
}

.u-nav-searchFunc .u-sugInput .ipt, .navLogin-searchFunc-i .u-sugInput .ipt, .nav-searchFunc-i .u-sugInput .ipt {
    float: left;
    width: 196px !important;
}

.u-nav-searchFunc .u-sugInput .ipt .area, .navLogin-searchFunc-i .u-sugInput .ipt .area, .nav-searchFunc-i .u-sugInput .ipt .area {
    height: 26px !important;
}

.u-nav-searchFunc .u-sugInput .ipt .u-baseinputui .inputtxt, .navLogin-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputtxt, .nav-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputtxt {
    width: 185px !important;
    height: 13px !important;
}

.u-nav-searchFunc .u-sugInput .ipt .u-baseinputui, .navLogin-searchFunc-i .u-sugInput .ipt .u-baseinputui, .nav-searchFunc-i .u-sugInput .ipt .u-baseinputui {
    height: 24px !important;
    background-color: #fff !important;
}

.u-nav-searchFunc .u-sugInput .ipt .u-baseinputui .inputhint, .navLogin-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputhint, .nav-searchFunc-i .u-sugInput .ipt .u-baseinputui .inputhint {
    top: 5px;
}

.u-upload {
    height: 28px;
}

.u-upload .upload {
    height: 38px;
    position: relative;
}

.u-upload .upload .showIpt {
    overflow: hidden;
    position: absolute;
    height: auto;
    line-height: 30px;
    padding: 0 4px;
}

.u-upload .upload .realIpt {
    position: absolute;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    height: 100%;
    right: 1px;
}

.u-progress .proArea {
    height: 20px;
    width: 450px;
    line-height: 20px;
}

.u-progress .proArea .proBg {
    width: 368px;
    height: 7px;
    border: 1px solid #f0f0f0;
    background-color: #ddd;
    border-width: 1px 0;
    margin-top: 4px;
}

.u-progress .proArea .progress {
    background: url(http://mc.stu.126.net/res/images/collegeAdmin/upload_bar_bg.png?3563639ff2e3986b9fd7e075f3dfcb6d) center top repeat-x;
    background-repeat: repeat-x;
    border: 1px solid;
    border-color: #e0ebd6 transparent #bfd9a5 #7eb746;
    height: 7px;
    width: 0;
    top: -1px;
    left: 0;
    -moz-transition: width 0.5s ease-in-out 0s;
    -o-transition: width 0.5s ease-in-out 0s;
    -webkit-transition: width 0.5s ease-in-out 0s;
    transition: width 0.5s ease-in-out 0s;
}

.u-progress .proArea .proNum {
    margin: 0 0 0 5px;
}

.u-progress .proArea .cancelBtn {
    margin-left: 5px;
}

.u-progress .hackProg {
    height: 20px;
    line-height: 20px;
}

.u-progress .hackProg .m-feedbackinfo {
    padding: 0;
}

.u-progress .hackProg .cancelBtn {
    margin-left: 20px;
}

.u-simpleFileUpload {
    height: 38px;
}

.u-simpleFileUpload .uploadBtn {
    width: 120px;
}

.u-simpleFileUpload .tipNode {
    color: #aaa;
    line-height: 20px;
    margin-top: 15px;
}

.u-simpleFileUpload .u-upload {
    height: 100%;
}

.u-simpleFileUpload .u-upload .upload .showIpt {
    height: auto;
}

.u-simpleFileUpload .info {
    line-height: 32px;
}

.u-simpleFileUpload .info .cancel {
    margin-left: 10px;
}

.u-simpleFileUpload .info .name {
    margin-right: 20px;
    max-width: 245px;
}

div.m-fileNameDialog {
    width: 360px;
}

.u-richeditor {
    width: auto;
    border: 1px solid #dfdfdf;
    text-align: center;
    position: relative;
}

.u-richeditor .zbg {
    background: url(http://mc.stu.126.net/res/images/eduEditor/themes/eduEditor/images/richEditer.png?a44bce86ad0a18bb1f2dc8a229c37bb0) no-repeat 4999px 4999px;
}

.u-richeditor .zarea {
    background: #fff;
    width: 100%;
}

.u-richeditor .ztbar {
    background-color: #f1f1f1;
    padding: 0 7px;
    border-bottom: 1px solid #dfdfdf;
}

.u-richeditor .ztbar:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.u-richeditor .zitm {
    float: left;
    width: 24px;
    height: 24px;
    margin: 7px 1px;
    cursor: pointer;
    position: relative;
}

.u-richeditor .zitm:hover, .u-richeditor .zitm.js-checked {
    background-color: #d0d0d0;
}

.u-richeditor .zitm.js-disabled, .u-richeditor .zitm.js-disabled:hover {
    cursor: default;
    background: #f1f1f1 !important;
}

.u-richeditor .zitm .zicn {
    width: 24px;
    height: 24px;
    margin: 0;
    overflow: hidden;
    text-indent: 100px;
}

.u-richeditor .z-i-0 .zicn {
    background-position: 0 0;
}

.u-richeditor .z-i-0.js-disabled .zicn {
    cursor: default;
    background-position: 0 -24px;
}

.u-richeditor .z-i-1 .zicn {
    background-position: -24px 0;
}

.u-richeditor .z-i-1.js-disabled .zicn {
    cursor: default;
    background-position: -24px -24px;
}

.u-richeditor .z-i-2 .zicn {
    background-position: -48px 0;
}

.u-richeditor .z-i-2.js-disabled .zicn {
    cursor: default;
    background-position: -48px -24px;
}

.u-richeditor .z-i-3 .zicn {
    background-position: -72px 0;
}

.u-richeditor .z-i-3.js-disabled .zicn {
    cursor: default;
    background-position: -72px -24px;
}

.u-richeditor .z-i-4 .zicn {
    background-position: -96px 0;
}

.u-richeditor .z-i-4.js-disabled .zicn {
    cursor: default;
    background-position: -96px -24px;
}

.u-richeditor .z-i-5 .zicn {
    background-position: -120px 0;
}

.u-richeditor .z-i-5.js-disabled .zicn {
    cursor: default;
    background-position: -120px -24px;
}

.u-richeditor .z-i-6 .zicn {
    background-position: -144px 0;
}

.u-richeditor .z-i-6.js-disabled .zicn {
    cursor: default;
    background-position: -144px -24px;
}

.u-richeditor .z-i-7 .zicn {
    background-position: -168px 0;
}

.u-richeditor .z-i-7.js-disabled .zicn {
    cursor: default;
    background-position: -168px -24px;
}

.u-richeditor .z-i-8 .zicn {
    background-position: -192px 0;
}

.u-richeditor .z-i-8.js-disabled .zicn {
    cursor: default;
    background-position: -192px -24px;
}

.u-richeditor .z-i-9 .zicn {
    background-position: -216px 0;
}

.u-richeditor .z-i-9.js-disabled .zicn {
    cursor: default;
    background-position: -216px -24px;
}

.u-richeditor .z-i-10 .zicn {
    background-position: -240px 0;
}

.u-richeditor .z-i-10.js-disabled .zicn {
    cursor: default;
    background-position: -240px -24px;
}

.u-richeditor .z-i-11 .zicn {
    background-position: -264px 0;
}

.u-richeditor .z-i-11.js-disabled .zicn {
    cursor: default;
    background-position: -264px -24px;
}

.u-richeditor .z-i-12 .zicn {
    background-position: -288px 0;
}

.u-richeditor .z-i-12.js-disabled .zicn {
    cursor: default;
    background-position: -288px -24px;
}

.u-richeditor .zisp {
    float: left;
    width: 1px;
    height: 18px;
    margin: 10px 4px;
    background: #ccc;
}

.u-richeditor .zdlitm {
    float: left;
    height: 22px;
    padding: 0 16px 0 5px;
    margin: 7px 5px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #dfdfdf;
    position: relative;
}

.u-richeditor .zdlitm .up {
    font-size: 12px;
    color: #999;
    line-height: 22px;
}

.u-richeditor .zdlitm .up .txt1 {
    width: 177px;
    height: 25px;
}

.u-richeditor .zdlitm.js-disabled {
    background-color: #fafafa;
}

.u-richeditor .zdlitm.js-disabled .up {
    cursor: default;
}

.u-richeditor .zdlitm .down, .u-richeditor .zitm .down {
    position: absolute;
    top: 22px;
    left: -1px;
    width: auto;
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    border: 1px solid #d1d2d4;
    background-color: #fff;
}

.u-richeditor .zdlitm .list, .u-richeditor .zitm .list {
    display: block;
    line-height: 153%;
    font-size: 14px;
    color: #333;
    padding: 3px 10px;
    width: auto;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
    font-family: '微软雅黑';
}

.u-richeditor .zdlitm .list:hover, .u-richeditor .zitm .list:hover {
    background-color: #f1f1f1;
}

.u-richeditor .z-i-code.zdlitm {
    width: 55px;
    background-position: 53px -49px;
}

.u-richeditor .z-i-code.zdlitm.js-disabled {
    background-position: 53px -74px;
}

.u-richeditor .z-i-size.zdlitm {
    width: 32px;
    background-position: 32px -49px;
}

.u-richeditor .z-i-size.zdlitm.js-disabled {
    background-position: 32px -74px;
}

.u-richeditor .colorbtn {
    width: 32px;
}

.u-richeditor .colorbtn .zicn {
    width: 32px;
}

.u-richeditor .colorbtn .colordown {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 100;
}

.u-richeditor .u-ecolorpicker {
    padding: 3px;
    border: 1px solid #d1d2d4;
    background-color: #f1f1f1;
    width: 132px;
}

.u-richeditor .u-ecolorpicker .clear {
    display: block;
    color: #666;
    font-size: 13px;
    border: 1px solid #f1f1f1;
    text-align: center;
    width: 130px;
    height: 24px;
    line-height: 24px;
}

.u-richeditor .u-ecolorpicker .clear:hover, .u-richeditor .u-ecolorpicker .clear.selected {
    border: 1px solid #aaa;
}

.u-richeditor .u-ecolorpicker .colors {
    height: 88px;
}

.u-richeditor .u-ecolorpicker .colorbtn {
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid #f1f1f1;
}

.u-richeditor .u-ecolorpicker .colorbtn:hover, .u-richeditor .u-ecolorpicker .colorbtn.selected {
    border: 1px solid #aaa;
}

.u-richeditor .u-ecolorpicker .colorbtn span {
    display: block;
    width: 14px;
    height: 14px;
    margin: 3px;
}

.u-richeditor-link {
    width: 322px;
    padding: 0 20px 20px 20px;
}

.u-richeditor-link .row {
    width: 338px;
    margin: 10px 0;
}

.u-richeditor-link .txtwrap {
    border: 1px solid #ddd;
    width: 320px;
    height: 30px;
}

.u-richeditor-link .txtwrap .title {
    color: #ccc;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.u-richeditor-link .txtwrap .ipt {
    width: 280px;
    padding: 5px;
    font-size: 12px;
    line-height: 20px;
    background: #fafafa;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none;
}

.u-richeditor-link .btns {
    margin-top: 10px;
}

.u-richeditor-link .btns .u-btn, .u-richeditor-link .btns div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf .u-richeditor-link .btns .zbtn {
    margin-right: 0;
    margin-left: 10px;
}

.u-richeditor-link .error {
    color: red;
    line-height: 1.4;
}

.u-richeditor-uploadCard {
    text-align: left;
    width: 405px;
    padding: 0 20px 20px 20px;
}

.u-richeditor-uploadCard .tab {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.u-richeditor-uploadCard .tabitem span {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    padding: 0 5px;
}

.u-richeditor-uploadCard .j-selected {
    background: #ddd;
}

.u-richeditor-uploadCard .txtwrap {
    border: 1px solid #ddd;
    width: 320px;
    height: 30px;
    margin-right: 10px;
}

.u-richeditor-uploadCard .txtwrap .txt {
    width: 310px;
    padding: 5px;
    font-size: 12px;
    line-height: 20px;
    background: #fafafa;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none;
}

.u-richeditor-uploadCard .hideimage {
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.u-richeditor-uploadCard .uploadcon, .webcon {
    margin-bottom: 20px;
}

.u-richeditor-uploadCard .uploadcon {
    height: 32px;
}

.u-richeditor-uploadCard .choose_file {
    height: 32px;
    width: 90px;
}

.u-richeditor-uploadCard .desc {
    color: #ccc;
}

.u-richeditor-uploadCard .error {
    color: red;
    line-height: 1.4;
}

.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter, .syntaxhighlighter td, .syntaxhighlighter tr, .syntaxhighlighter tbody, .syntaxhighlighter thead, .syntaxhighlighter caption, .syntaxhighlighter textarea {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    background: none !important;
    border: 0 !important;
    bottom: auto !important;
    float: none !important;
    left: auto !important;
    line-height: 1.1em !important;
    outline: 0 !important;
    overflow: visible !important;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    top: auto !important;
    vertical-align: baseline !important;
    width: auto !important;
    box-sizing: content-box !important;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-weight: 400 !important;
    font-style: normal !important;
    min-height: auto !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.syntaxhighlighter {
    width: 100%;
    position: relative !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    border-collapse: separate !important;
    background-color: #f5f5f5 !important;
    margin: .3em 0;
}

.syntaxhighlighter.source {
    overflow: hidden !important;
}

.syntaxhighlighter .italic {
    font-style: italic !important;
}

.syntaxhighlighter caption {
    text-align: left !important;
    color: #000 !important;
    padding: .5em 0 .5em 1em !important;
}

.syntaxhighlighter ol {
    list-style: decimal;
    margin: 0px 0px 1px 0px;
    padding: 2px 0;
    color: #AFAFAF;
    font-size: 1.0em;
    line-height: 1.4em;
    color: #afafaf !important;
    background-color: #f7f7f9;
}

.syntaxhighlighter ol li {
    list-style: decimal;
    border-left: 1px solid #E1E1E8;
    padding-left: 10px;
    line-height: 1.1em;
    margin: 0 0 0 45px;
}

.syntaxhighlighter.show {
    display: block !important;
}

.syntaxhighlighter.collapsed .toolbar {
    font-size: 1em !important;
    position: static !important;
    width: auto !important;
    color: blue !important;
    background: #FFF !important;
    border: 1px solid #6ce26c !important;
    padding: 0.1em 0.8em 0 !important;
}

.syntaxhighlighter.collapsed .toolbar span {
    display: inline !important;
    margin-right: 1em !important;
}

.syntaxhighlighter.collapsed .toolbar span a {
    display: none !important;
    padding: 0 !important;
}

.syntaxhighlighter .toolbar {
    position: absolute !important;
    right: 1px !important;
    top: 1px !important;
    width: 11px !important;
    height: 11px !important;
    font-size: 10px !important;
    z-index: 10 !important;
    color: #FFF !important;
    background: #6ce26c !important;
    border: none !important;
}

.syntaxhighlighter .toolbar a {
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    padding-top: 1px !important;
    color: #FFF !important;
}

.syntaxhighlighter.ie {
    font-size: 0.9em !important;
    padding: 1px 0 !important;
    width: auto;
}

.syntaxhighlighter.ie .toolbar {
    line-height: 8px !important;
}

.syntaxhighlighter.ie .toolbar a {
    padding-top: 0 !important;
}

.syntaxhighlighter.ie ol {
    white-space: normal;
}

.syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content {
    background: none !important;
}

.syntaxhighlighter.printing .line .number {
    color: #bbb !important;
}

.syntaxhighlighter.printing .line .content {
    color: #000 !important;
    border: none !important;
}

.syntaxhighlighter.printing a {
    text-decoration: none !important;
}

.syntaxhighlighter .gutter .line.highlighted {
    background-color: #6ce26c !important;
    color: #FFF !important;
}

.syntaxhighlighter.collapsed {
    overflow: visible !important;
}

.syntaxhighlighter .script {
    font-weight: 700 !important;
    color: #ff7800 !important;
    background-color: none !important;
}

.syntaxhighlighter .bold, .syntaxhighlighter.printing .script {
    font-weight: 700 !important;
}

.syntaxhighlighter.collapsed table, .syntaxhighlighter .toolbar a.expandSource, .syntaxhighlighter.printing .toolbar {
    display: none !important;
}

.syntaxhighlighter.collapsed .toolbar span a.expandSource, .syntaxhighlighter .toolbar span.title {
    display: inline !important;
}

.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a, .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a, .syntaxhighlighter .line.highlighted.number, .syntaxhighlighter .toolbar a:hover, .syntaxhighlighter .plain, .syntaxhighlighter .plain a {
    color: #000 !important;
}

.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a, .syntaxhighlighter .comments, .syntaxhighlighter .comments a {
    color: #008200 !important;
}

.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a, .syntaxhighlighter.collapsed .toolbar a, .syntaxhighlighter .string, .syntaxhighlighter .string a {
    color: blue !important;
}

.syntaxhighlighter.printing .keyword, .syntaxhighlighter .keyword {
    color: #ff7800 !important;
    font-weight: 700 !important;
}

.syntaxhighlighter.printing .preprocessor, .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a, .syntaxhighlighter .preprocessor, .syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
    color: gray !important;
}

.syntaxhighlighter.printing .variable, .syntaxhighlighter .variable {
    color: #a70 !important;
}

.syntaxhighlighter.printing .value, .syntaxhighlighter .value {
    color: #090 !important;
}

.syntaxhighlighter.printing .functions, .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a, .syntaxhighlighter .functions, .syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
    color: #ff1493 !important;
}

.syntaxhighlighter.printing .constants, .syntaxhighlighter .constants {
    color: #06c !important;
}

.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a, .syntaxhighlighter.collapsed .toolbar a:hover, .syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
    color: red !important;
}

.u-richeditor-math {
    width: 700px;
    padding: 0 20px 20px 20px;
}

.u-richeditor-math .m-mathedit {
    height: 470px;
}

.u-richeditor-math .m-mathedit .u-latex {
    margin-top: 120px;
}

.u-richeditor-math .m-mathedit .latextip {
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}

.u-richeditor-math .m-mathedit .chinatip {
    font-size: 12px;
    color: #2aa157;
}

.u-richeditor-math .m-mathedit .savetip {
    font-size: 14px;
    color: #2aa157;
}

.u-richeditor-math .m-mathedit .imgsrea {
    top: 44px;
    background-color: #fafafa;
    height: 100px;
    width: 700px;
    border-top: 1px solid #d6d6d6;
}

.u-richeditor-math .m-mathedit .latexarea {
    margin-top: 10px;
    width: 100%;
}

.u-richeditor-math .m-mathedit .latexSrc {
    width: 700px;
    height: 80px;
    font-size: 14px;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
}

.u-richeditor-math .m-mathedit .latexlen {
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}

.u-richeditor-math .m-mathedit .imgshow {
    margin-top: 15px;
    height: 65px;
}

.u-richeditor-math .m-mathedit .warninfo {
    color: red;
}

.u-richeditor-math .m-mathedit .imginfo {
    margin-right: 20px;
    font-size: 14px;
}

.u-richeditor-math .m-mathedit .imgshow img {
    max-width: 570px;
}

.u-richeditor-math .m-mathedit .latexMsg {
    height: 30px;
    lien-height: 30px;
    color: green;
}

.u-richeditor-math .m-mathedit .tipinfo {
    height: 30px;
    lien-height: 30px;
    color: #d31818;
    margin-left: 10px;
}

.u-richeditor-math .m-mathedit .samright {
    border: 1px solid #ddd;
    margin-right: 5px;
    padding: 0 3px;
    height: 70px;
    background-color: #fff;
}

.u-richeditor-math .m-mathedit .samright img {
    vertical-align: middle;
}

.u-richeditor-math .m-mathedit .verticalAlign {
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-left: -1px;
}

.u-richeditor-math .m-mathedit .eqitem {
    z-index: 10;
    width: 700px;
    padding-top: 10px;
}

.u-richeditor-math .m-mathedit .itemname {
    text-align: center;
    background-color: #f2f2f2;
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
}

.u-richeditor-math .m-mathedit .selected {
    background-color: #d9d9d9;
    color: #2aa157;
}

.u-richeditor-math .m-mathedit .eqitem-2 {
    left: -48px;
}

.u-richeditor-math .m-mathedit .eqitem-3 {
    left: -96px;
}

.u-richeditor-math .m-mathedit .eqitem-4 {
    left: -144px;
}

.u-richeditor-math .m-mathedit .eqitem-5 {
    left: -192px;
}

.u-richeditor-math .m-mathedit .eqitem-6 {
    left: -240px;
}

.u-richeditor-math .m-mathedit .eqitem-7 {
    left: -287px;
}

.u-richeditor-math .m-mathedit .eqitem-8 {
    left: -336px;
}

.u-richeditor-math .m-mathedit .eqitem-9 {
    left: -398px;
}

.u-richeditor-math .m-mathedit .eqitem-10 {
    left: -459px;
}

.u-richeditor-math .m-mathedit .eqitem-11 {
    left: -508px;
}

.u-richeditor-math .m-mathedit .eqitem-12 {
    left: -557px;
}

.u-richeditor-math .m-mathedit .eqitem-13 {
    left: -604px;
}

.u-richeditor-math .m-mathedit .eqitem-14 {
    left: -652px;
}

.u-richeditor-math .m-mathedit .sunSample {
    width: 650px;
}

body .u-eduEditorDialog {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: white;
    padding: 30px 45px 25px 45px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
}

body .u-eduEditorDialog .zbar {
    background-color: white;
    border: none;
}

body .u-eduEditorDialog .zbar .zttl {
    font-size: 18px;
}

body .u-eduEditorDialog .zcnt {
    padding: 10px 0;
}

body .u-eduEditorDialog .zcls {
    font-size: 20px;
    top: 12px;
    right: 8px;
}

body .u-eduEditorDialog .u-richeditor-link {
    width: inherit;
    padding: 0 5px;
}

body .u-eduEditorDialog .u-richeditor-link .row {
    width: inherit;
}

body .u-eduEditorDialog .u-richeditor-link .row label {
    margin-right: 10px;
    line-height: 33px;
    float: left;
    color: #859295;
}

body .u-eduEditorDialog .u-richeditor-link .txtwrap {
    display: inline-block;
    height: auto;
    border: none;
}

body .u-eduEditorDialog .u-richeditor-link .txtwrap .ipt {
    width: 294px;
    height: 20px;
    padding: 6px 12px;
    border: 1px solid #e4e8e9;
    color: #555;
    background: white;
    border-radius: 2px;
}

body .u-eduEditorDialog .u-richeditor-link .txtwrap .ipt:focus {
    background: white;
    color: #343d42;
    -webkit-box-shadow: 1px 1px 10px #E4F9E5;
    -moz-box-shadow: 1px 1px 10px #E4F9E5;
    box-shadow: 1px 1px 10px #E4F9E5;
}

body .u-eduEditorDialog .u-richeditor-link .btns {
    margin-top: 15px;
}

body .u-eduEditorDialog .u-richeditor-link .btns .u-btn, body .u-eduEditorDialog .u-richeditor-link .btns div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-link .btns .zbtn, body .u-eduEditorDialog .u-richeditor-link .btns .u-btn-gh {
    padding: 0px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

body .u-eduEditorDialog .u-richeditor-uploadCard {
    width: 465px;
    padding: 0 0 10px 0;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .txtwrap {
    width: 336px;
    height: auto;
    border: none;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .txtwrap .txt {
    height: 20px;
    padding: 6px 12px;
    border: 1px solid #e4e8e9;
    color: #555;
    background: white;
    border-radius: 2px;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .txtwrap .txt:focus {
    background: white;
    color: #343d42;
    -webkit-box-shadow: 1px 1px 10px #E4F9E5;
    -moz-box-shadow: 1px 1px 10px #E4F9E5;
    box-shadow: 1px 1px 10px #E4F9E5;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .u-btn, body .u-eduEditorDialog .u-richeditor-uploadCard .cnt div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .zbtn {
    width: 100px;
    height: 34px;
    line-height: 34px;
    float: right;
    padding: 0px;
    background: #49AF4F;
    border: 1px solid #49AF4F;
    color: #fff;
    border-radius: 3px;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .cnt .desc {
    font-size: 12px;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .tab {
    height: 50px;
    border: none !important;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .tab .j-tab {
    float: left;
    border-bottom: solid 1px #55B929;
    width: 230px;
    text-align: center;
    color: #859295;
    background-color: #f2f5f5;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .tab .j-selected {
    border: solid 1px #55B929;
    border-bottom: solid 1px transparent;
    color: #55B929;
    background-color: white;
    height: 29px;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .uploadcon {
    margin-bottom: 15px;
}

body .u-eduEditorDialog .u-richeditor-uploadCard .webcon {
    margin-bottom: 12px;
}

body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item :first-child {
    padding-left: 0;
}

body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item .itemname {
    background: white;
}

body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item .selected {
    color: #55B929;
}

body .u-eduEditorDialog .u-richeditor-math .u-equation .eqitems .item .selected:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    position: relative;
    border-bottom: 10px solid #dfdfdf;
    top: -16px;
    left: 6px;
}

body .u-eduEditorDialog .u-richeditor-math .u-equation .imgsrea {
    border: 1px solid #dfdfdf;
    height: 130px;
}

body .u-eduEditorDialog .u-richeditor-math .u-latex {
    margin-top: 155px;
}

body .u-eduEditorDialog .u-richeditor-math .u-latex .latextip, body .u-eduEditorDialog .u-richeditor-math .u-latex .chinatip {
    display: inline-block;
}

body .u-eduEditorDialog .u-richeditor-math .u-latex .chinatip {
    color: #859295;
    font-size: 12px;
}

body .u-eduEditorDialog .u-richeditor-math .u-latex .latexarea .latexSrc {
    width: 674px;
    padding: 6px 12px;
    border: 1px solid #e4e8e9;
    color: #555;
    background: white;
    border-radius: 2px;
}

body .u-eduEditorDialog .u-richeditor-math .u-latex .latexarea .latexSrc:focus {
    background: white;
    color: #343d42;
    -webkit-box-shadow: 1px 1px 10px #E4F9E5;
    -moz-box-shadow: 1px 1px 10px #E4F9E5;
    box-shadow: 1px 1px 10px #E4F9E5;
}

body .u-eduEditorDialog .u-richeditor-math .latexlen .latexMsg {
    font-size: 12px;
    color: #55B929;
}

body .u-eduEditorDialog .u-richeditor-math .latexlen .tipinfo {
    font-size: 12px;
    color: #D80000;
}

body .u-eduEditorDialog .u-richeditor-math .savetip {
    font-size: 12px;
    color: #55B929 !important;
}

body .u-eduEditorDialog .u-richeditor-math .u-btn-preview {
    display: inline-block;
}

body .u-eduEditorDialog .u-richeditor-math .u-btn-gh, body .u-eduEditorDialog .u-richeditor-math .u-btn, body .u-eduEditorDialog .u-richeditor-math div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-math .zbtn {
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

body .u-eduEditorDialog .u-richeditor-math .btns .u-btn, body .u-eduEditorDialog .u-richeditor-math .btns div.u-colorpick .zinf .zbtn, div.u-colorpick .zinf body .u-eduEditorDialog .u-richeditor-math .btns .zbtn {
    margin-left: 15px;
}

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
    outline: none;
}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
    border: 0;
}

img {
    vertical-align: top;
}

cite, em, var, address, dfn {
    font-style: normal;
}

i {
    font-style: italic;
}

[hidefocus], summary {
    outline: 0;
}

li {
    list-style: none;
}

sup, sub {
    font-size: 83%;
}

pre, code, kbd, samp {
    font-family: inherit;
}

q:before, q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

em, strong, b {
    font-weight: bold;
}

del, ins, s, a, a:hover {
    text-decoration: none;
}

body, textarea, input, button, select, keygen, legend {
    font: 12px/1.5 "Arial", "Hiragino Sans GB", "SimSun", \5b8b\4f53, "serif";
    color: #333;
    outline: 0;
}

h1, h2, h3, h4, h5, h6, small {
    font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    line-height: 1.5;
    font-weight: normal;
}

body {
    background: #eee;
    font-size: 12px;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.33em;
}

h4 {
    font-size: 1.17em;
}

body li {
    clear: none;
}

.f-cb:after, .g-container:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-cb, .g-container {
    zoom: 1;
}

.f-thide, .f-nowrp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f-hide {
    text-indent: -9999px;
    overflow: hidden;
}

.f-ib {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.f-dn {
    display: none;
}

.f-db {
    display: block;
}

.f-pr {
    position: relative;
}

.f-pf {
    position: fixed;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pa {
    position: absolute;
}

.f-cp {
    cursor: pointer;
}

@font-face {
    font-family: 'icon-mooc';
    src: url(http://mc.stu.126.net/res/fonts/icon-mooc.eot?123qwe);
    src: url(http://mc.stu.126.net/res/fonts/icon-mooc.eot?123qwe#iefix) format("embedded-opentype"), url(http://mc.stu.126.net/res/fonts/icon-mooc.ttf?123qwe) format("truetype"), url(http://mc.stu.126.net/res/fonts/icon-mooc.woff?123qwe) format("woff"), url(http://mc.stu.126.net/res/fonts/icon-mooc.svg?123qwe#icon-mooc) format("svg");
    font-weight: normal;
    font-style: normal;
}

.f-f0 {
    font-family: "Arial", "Hiragino Sans GB", "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
}

.f-f1 {
    font-family: "Arial", "Hiragino Sans GB", "SimSun", \5b8b\4f53, "Georgia", "serif";
}

.f-fc0 {
    color: #000;
}

.f-fc3 {
    color: #333;
}

.f-fc6 {
    color: #666;
}

.f-fc9 {
    color: #999;
}

.f-fcf {
    color: #fff;
}

.f-fcc {
    color: #ccc;
}

.f-fcred {
    color: #D80000;
}

.f-fcgreen {
    color: #10ae58;
}

.f-fcorange {
    color: #FF9000;
}

a.f-fc0:hover, a:hover .f-fc0, a.f-fc3:hover, a:hover .f-fc3, a.f-fc6:hover, a:hover .f-fc6, a.f-fc9:hover, a:hover .f-fc9, a.f-fcf:hover, a:hover .f-fcf {
    color: #55B929;
    text-decoration: none;
}

.f-fs0 {
    font-size: 12px;
}

.f-fs1 {
    font-size: 14px;
}

.f-fs16 {
    font-size: 16px;
}

.f-fwb {
    font-weight: bold;
}

.f-icon {
    font-family: 'icon-mooc';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.notSupport {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -15px;
    text-align: center;
    font-size: 14px;
    color: #888;
    line-height: 30px;
}

.player .track {
    width: 100%;
    left: 0;
    bottom: 70px;
    z-index: 1;
}

.player .track.over {
    -webkit-animation: trackBarOver 0.5s linear;
    -moz-animation: trackBarOver 0.5s linear;
    animation: trackBarOver 0.5s linear;
    -o-animation: trackBarOver 0.5s linear;
    bottom: 20px;
}

.player .track .tc {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 26px;
    line-height: 25px;
    text-align: center;
    text-shadow: 0px 3px 2px #000, -1px 0px 5px #000, 0px -2px 2px #000, 3px 0px 3px #000;
}

.player .track .tc.tc2 {
    font-size: 18px;
}

@media screen and (max-width: 740px) {
    .player .track .tc {
        font-size: 22px;
    }
}

.player .control {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.player .control .progressBar {
    height: 6px;
    background-color: #555;
}

.player .control .progressBar .selectTime {
    top: -26px;
    height: 20px;
    line-height: 20px;
    background-color: #000;
    color: #fff;
    opacity: 0.8;
    padding: 3px 5px;
    border-radius: 4px;
}

.player .control .progressBar .selectTime.hide {
    display: none;
}

.player .control .progressBar .timeBar {
    top: 0;
    background-color: #8ec800;
    width: 0;
    height: 100%;
}

.player .control .progressBar .bufferBar {
    top: 0;
    background: #888;
    width: 0;
    height: 100%;
}

.player .control .progressBar .timeIcon {
    display: block;
    height: 8px;
    width: 8px;
    bottom: -3px;
    background-color: #fff;
    border: 2px solid #a2a2a2;
    border-radius: 8px;
    z-index: 10;
}

.player .control .progressBar .timeIcon:hover {
    transform: scale(1.2);
}

.player .control .progressBar .anchor {
    display: block;
    width: 3px;
    height: 5px;
    top: 0;
    background-color: #ddd;
}

.player .control .con {
    display: block;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    line-height: 50px;
    font-size: 12px;
}

.player .control .con.over {
    overflow: hidden;
}

.player .control .con .playBtn, .player .control .con .pauseBtn {
    display: block;
    text-align: center;
    width: 40px;
    height: 100%;
    margin: 0 0 0 8px;
    font-size: 26px;
    color: #ccc;
}

.player .control .con .playBtn.disable:hover, .player .control .con .pauseBtn.disable:hover {
    color: #ccc;
}

.player .control .con .playBtn:hover, .player .control .con .pauseBtn:hover {
    color: #fff;
}

.player .control .con .pauseBtn {
    display: none;
}

.player .control .con .time {
    left: 50px;
    text-align: center;
    width: 100px;
    height: 100%;
    color: #999;
}

.player .control .con .time .go {
    color: #fff;
}

.player .control .con .time .total {
    color: #999;
}

.player .control .con .volume {
    width: 24px;
    height: 50px;
}

.player .control .con .volume:hover .volumeSlide {
    visibility: visible;
}

.player .control .con .volume .volumeSlide {
    visibility: hidden;
    bottom: 40px;
    left: 0;
    width: 24px;
    height: 105px;
}

.player .control .con .volume .volumeSlide .total {
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 4px;
}

.player .control .con .volume .volumeSlide .current {
    height: 80px;
    width: 100%;
    bottom: 10px;
    background: #8ec800;
    border-radius: 0 0 4px 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1000;
}

.player .control .con .volume .volumeSlide .icon {
    width: 100%;
    height: 5px;
    background-color: #b6e83c;
    top: 10px;
    z-index: 1000;
}

.player .control .con .volume .volumeSlide .icon:hover {
    background-color: #c7f84e;
}

.player .control .con .volume .icon {
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #c6c6c7;
}

.player .control .con .volume .icon:hover {
    color: #fff;
}

.player .control .con .muteBtn {
    right: 135px;
    width: 30px;
}

.player .control .con .fullScreenBtn {
    right: 10px;
    width: 45px;
    font-size: 20px;
    text-align: center;
    color: #ccc;
}

.player .control .con .fullScreenBtn:hover {
    color: #fff;
}

.player .control .con .item {
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
    padding: 0 10px;
    color: #ccc;
    background-color: #555;
    cursor: pointer;
}

.player .control .con .item:hover {
    background-color: #666;
    color: #fff;
}

.player .control .con .item.disable, .player .control .con .item.disable:hover {
    cursor: default;
    background-color: #333;
    color: #555;
}

.player .control .con .rate ul, .player .control .con .quality ul, .player .control .con .subtitle ul {
    display: none;
    bottom: 40px;
    width: 45px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #999;
}

.player .control .con .rate ul li, .player .control .con .quality ul li, .player .control .con .subtitle ul li {
    height: 22px;
    width: 39px;
    line-height: 22px;
    margin: 6px auto;
}

.player .control .con .rate ul li.selected, .player .control .con .quality ul li.selected, .player .control .con .subtitle ul li.selected {
    height: 20px;
    background-color: rgba(34, 34, 34, 0.9);
    border: 1px solid #1b1b1b;
    border-radius: 4px;
    box-shadow: 0 1px 0 0px #666;
    color: #fff;
}

.player .control .con .rate ul li.selected:hover, .player .control .con .quality ul li.selected:hover, .player .control .con .subtitle ul li.selected:hover {
    color: #fff;
}

.player .control .con .rate ul li:hover, .player .control .con .quality ul li:hover, .player .control .con .subtitle ul li:hover {
    color: #8ec800;
}

.player .control .con .rate {
    width: 60px;
    text-align: center;
    margin: 0 8px;
}

.player .control .con .rate ul {
    width: 60px;
}

.player .control .con .rate ul li {
    width: 54px;
}

.player .control .con .rate .rateBtn {
    margin: 14px 0;
}

.player .control .con .rate.unfold ul {
    display: block;
}

.player .control .con .quality {
    margin: 0 8px;
    width: 45px;
    text-align: center;
}

.player .control .con .quality .qualityBtn {
    margin: 14px 0;
}

.player .control .con .quality.unfold ul {
    display: block;
}

.player .control .con .quality.disable ul {
    display: none;
}

.player .control .con .quality.disable .item {
    background-color: #333;
    color: #555;
}

.player .control .con .quality.disable .item:hover {
    background-color: #333;
    color: #555;
}

.player .control .con .subtitle {
    margin: 0 8px;
    height: 100%;
    width: 50px;
    text-align: center;
}

.player .control .con .subtitle .subtitleBtn {
    margin: 14px 0;
}

.player .control .con .subtitle ul {
    width: 50px;
}

.player .control .con .subtitle ul li {
    width: 36px;
    padding: 0px 4px;
}

.player .control .con .subtitle ul li.selected span {
    color: #84b803;
}

.player .control .con .subtitle.unfold ul {
    display: block;
}

.player .control .con .subtitle.disable ul {
    display: none;
}

.player .control .con .subtitle.disable .item {
    background-color: #333;
    color: #555;
}

.player .control .con .subtitle.disable .item:hover {
    background-color: #333;
    color: #555;
}

.player.noCover .control .progressBar {
    height: 4px;
}

.player.noCover .control .progressBar .timeIcon {
    display: none;
}

.player.noCover .control .con {
    -webkit-animation: controlBarOver 0.5s linear;
    -moz-animation: controlBarOver 0.5s linear;
    animation: controlBarOver 0.5s linear;
    -o-animation: controlBarOver 0.5s linear;
    height: 0;
}

@-webkit-keyframes controlBarOver {
    0% {
        height: 50px;
    }
    100% {
        height: 0;
    }
}

@keyframes controlBarOver {
    0% {
        height: 50px;
    }
    100% {
        height: 0;
    }
}

@-moz-keyframes controlBarOver {
    0% {
        height: 50px;
    }
    100% {
        height: 0;
    }
}

@-o-keyframes controlBarOver {
    0% {
        height: 50px;
    }
    100% {
        height: 0;
    }
}

@-webkit-keyframes trackBarOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

@keyframes trackBarOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

@-moz-keyframes trackBarOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

@-o-keyframes trackBarOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

.player {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0px 0px 3px #999;
    -moz-box-shadow: 0px 0px 3px #999;
    -ms-box-shadow: 0px 0px 3px #999;
    box-shadow: 0px 0px 3px #999;
}

.player:-webkit-full-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2147483647;
    background: black;
    width: 100%;
    height: 100%;
}

.player-body-fullWindow {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto;
}

.player {
    position: relative;
    overflow: hidden;
}

.player.player-player-fullWindow {
    position: fixed;
    overflow: hidden;
    z-index: 2147483647;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.player a {
    color: #fff;
}

.player a:hover {
    text-decoration: none;
    color: #999;
}

.player .view {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

.player .bg {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
}

.player .videoContainer {
    z-index: 1;
    width: 100%;
    height: 100%;
}

.player .videoContainer video {
    width: 100%;
    height: 100%;
}

.player.noCover .display .start {
    -webkit-animation: btnOver 0.5s linear;
    -moz-animation: btnOver 0.5s linear;
    animation: btnOver 0.5s linear;
    -o-animation: btnOver 0.5s linear;
    bottom: 20px;
}

.player .display {
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: transparent 0 0 repeat url(http://mc.stu.126.net/res/images/html5Video/transparent.png?0bd236f89117deef4b58186fba6720a6);
}

.player .display .replay, .player .display .loading {
    display: none;
    left: 50%;
    top: 50%;
    margin: -53px 0 0 -53px;
    height: 106px;
    width: 106px;
}

.player .display .replay .cover, .player .display .loading .cover {
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    border-radius: 106px;
}

.player .display .replay .center, .player .display .loading .center {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.player .display .replay .image, .player .display .loading .image {
    background: url(http://mc.stu.126.net/res/images/html5Video/loading.png?0c7e51815236682f144cee8b44704713) center no-repeat;
    -webkit-animation: loadingrotate 1.5s infinite linear;
    -ms-animation: loadingrotate 1.5s infinite linear;
    -moz-animation: loadingrotate 1.5s infinite linear;
}

.player .display .replay .icon, .player .display .loading .icon {
    color: #eee;
    text-align: center;
    line-height: 106px;
    font-size: 48px;
}

.player .display .replay .icon.left, .player .display .loading .icon.left {
    padding-left: 7px;
}

.player .display .replay:hover .cover, .player .display .loading:hover .cover {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.player .display .replay:hover .icon, .player .display .loading:hover .icon {
    color: #fff;
}

.player .display .start {
    display: block;
    left: 20px;
    bottom: 70px;
    height: 90px;
    width: 90px;
}

.player .display .start .cover {
    background-color: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    border-radius: 90px;
}

.player .display .start .center {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.player .display .start .icon {
    color: #eee;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
}

.player .display .start .icon.left {
    padding-left: 7px;
}

.player .display .start:hover .cover {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.player .display .start:hover .icon {
    color: #fff;
}

@-webkit-keyframes loadingrotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes loadingrotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes loadingrotate {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes btnOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

@keyframes btnOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

@-moz-keyframes btnOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

@-o-keyframes btnOver {
    0% {
        bottom: 70px;
    }
    100% {
        bottom: 20px;
    }
}

@font-face {
    font-family: 'icon-edu';
    src: url(http://mc.stu.126.net/res/fonts/icon-edu.eot?pebamg);
    src: url(http://mc.stu.126.net/res/fonts/icon-edu.eot?pebamg#iefix) format("embedded-opentype"), url(http://mc.stu.126.net/res/fonts/icon-edu.ttf?pebamg) format("truetype"), url(http://mc.stu.126.net/res/fonts/icon-edu.woff?pebamg) format("woff"), url(http://mc.stu.126.net/res/fonts/icon-edu.svg?pebamg#icon-edu) format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="ux-icon"], [class*=" ux-icon"] {
    font-family: 'icon-edu' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ux-icon-secret:before {
    content: "\e953";
}

.ux-icon-standard:before {
    content: "\e952";
}

.ux-icon-object-question:before {
    content: "\e950";
}

.ux-icon-OJ-question:before {
    content: "\e951";
}

.ux-icon-wrong-slim:before {
    content: "\e924";
}

.ux-icon-right-slim:before {
    content: "\e94f";
}

.ux-icon-surprise:before {
    content: "\e94e";
}

.ux-icon-check-slim:before {
    content: "\e94d";
}

.ux-icon-elite:before {
    content: "\e94c";
}

.ux-icon-continue:before {
    content: "\e94b";
}

.ux-icon-chat-circle:before {
    content: "\e945";
}

.ux-icon-course-discuss:before {
    content: "\e946";
}

.ux-icon-course-content:before {
    content: "\e947";
}

.ux-icon-test:before {
    content: "\e948";
}

.ux-icon-minus-big:before {
    content: "\e949";
}

.ux-icon-add-big:before {
    content: "\e944";
}

.ux-icon-reply:before {
    content: "\e94a";
}

.ux-icon-front:before {
    content: "\e943";
}

.ux-icon-smile:before {
    content: "\e93f";
}

.ux-icon-renren:before {
    content: "\e602";
}

.ux-icon-weibo:before {
    content: "\e603";
}

.ux-icon-douban:before {
    content: "\e606";
}

.ux-icon-qzone:before {
    content: "\e608";
}

.ux-icon-wechat:before {
    content: "\e621";
}

.ux-icon-icourse:before {
    content: "\e624";
}

.ux-icon-QQ:before {
    content: "\e625";
}

.ux-icon-qiyemail:before {
    content: "\e93c";
}

.ux-icon-netease:before {
    content: "\e93d";
}

.ux-icon-cash:before {
    content: "\e936";
}

.ux-icon-exchange:before {
    content: "\e937";
}

.ux-icon-data:before {
    content: "\e938";
}

.ux-icon-tag:before {
    content: "\e939";
}

.ux-icon-plus:before {
    content: "\e93a";
}

.ux-icon-minus:before {
    content: "\e93b";
}

.ux-icon-order:before {
    content: "\e935";
}

.ux-icon-hand-up:before {
    content: "\e933";
}

.ux-icon-hand-down:before {
    content: "\e934";
}

.ux-icon-test2:before {
    content: "\e932";
}

.ux-icon-thin-caret-up:before {
    content: "\e92d";
}

.ux-icon-thin-caret-down:before {
    content: "\e92f";
}

.ux-icon-edit:before {
    content: "\e931";
}

.ux-icon-delete:before {
    content: "\e930";
}

.ux-icon-org-test:before {
    content: "\e92c";
}

.ux-icon-org-content2:before {
    content: "\e92b";
}

.ux-icon-org-tutor:before {
    content: "\e927";
}

.ux-icon-org-content:before {
    content: "\e928";
}

.ux-icon-org-utility:before {
    content: "\e929";
}

.ux-icon-move:before {
    content: "\e91f";
}

.ux-icon-check:before {
    content: "\e920";
}

.ux-icon-gear:before {
    content: "\e921";
}

.ux-icon-close:before {
    content: "\e922";
}

.ux-icon-back:before {
    content: "\e923";
}

.ux-icon-course-manage:before {
    content: "\e91e";
}

.ux-icon-caret-down:before {
    content: "\e91b";
}

.ux-icon-angle-double-right:before {
    content: "\e91c";
}

.ux-icon-angle-double-left:before {
    content: "\e91d";
}

.ux-icon-im:before {
    content: "\e918";
}

.ux-icon-cart:before {
    content: "\e919";
}

.ux-icon-mobileview:before {
    content: "\e91a";
}

.ux-icon-star:before {
    content: "\e917";
}

.ux-icon-collect:before {
    content: "\e916";
}

.ux-icon-share:before {
    content: "\e900";
}

.ux-icon-caret-left:before {
    content: "\e901";
}

.ux-icon-arr-right-small:before {
    content: "\e902";
}

.ux-icon-caret-right:before {
    content: "\e903";
}

.ux-icon-caret-up:before {
    content: "\e904";
}

.ux-icon-book:before {
    content: "\e905";
}

.ux-icon-dialog:before {
    content: "\e906";
}

.ux-icon-discuss:before {
    content: "\e907";
}

.ux-icon-document:before {
    content: "\e908";
}

.ux-icon-download:before {
    content: "\e909";
}

.ux-icon-exam:before {
    content: "\e90a";
}

.ux-icon-exercise:before {
    content: "\e90b";
}

.ux-icon-home:before {
    content: "\e90c";
}

.ux-icon-list:before {
    content: "\e90d";
}

.ux-icon-live:before {
    content: "\e90e";
}

.ux-icon-message:before {
    content: "\e90f";
}

.ux-icon-notice:before {
    content: "\e910";
}

.ux-icon-playing:before {
    content: "\e911";
}

.ux-icon-richText:before {
    content: "\e912";
}

.ux-icon-score:before {
    content: "\e913";
}

.ux-icon-unknown:before {
    content: "\e914";
}

.ux-icon-video:before {
    content: "\e915";
}

.ux-icon-success-circle:before {
    content: "\e92e";
}

.ux-icon-noword:before {
    content: "\e925";
}

.ux-icon-sad:before {
    content: "\e926";
}

.ux-icon-error-circle:before {
    content: "\e92a";
}

.ux-icon-arrange:before {
    content: "\e93e";
}

.ux-icon-empty:before {
    content: "\e940";
}

.ux-icon-warning:before {
    content: "\e941";
}

.ux-icon-empty-criterial:before {
    content: "\e942";
}

.u-richeditor .z-i-size.zdlitm, .u-richeditor .colorbtn {
    display: none !important;
}

.u-edu-h5player-pcdisplay .statewrap .buffering {
    background-position: 0 36px;
}

.m-header1 {
    height: 90px;
    background: #2e323e;
}

.m-header1 .headdoc {
    width: 960px;
    margin: 0 auto;
}

.m-header1 .logo a {
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}

.m-header1 .logo.spoc .spoc_icon {
    background: url(http://mc.stu.126.net/res/images/common/logo_spoc.png?91509919729f49a36511db1ee1e7bd48) no-repeat 0 23px;
}

.m-header1 .search {
    position: relative;
    -moz-transition: background-color 0.2s ease-in 0s;
    -o-transition: background-color 0.2s ease-in 0s;
    -webkit-transition: background-color 0.2s ease-in 0s;
    transition: background-color 0.2s ease-in 0s;
    margin: 30px 5px 0 0;
    padding: 0px 6px;
    width: 132px;
    height: 28px;
    background-color: #eee;
}

.m-header1 .search .text {
    font-size: 14px;
    background: transparent;
    line-height: 1;
    width: 116px;
}

.m-header1 .search .text .u-sugInput .ipt {
    width: 116px;
}

.m-header1 .search .text .u-sugInput .ipt .u-insug .area {
    background-color: transparent;
}

.m-header1 .search .text .u-sugInput a {
    color: #85b708;
}

.m-header1 .search .text .u-sugInput .js-selected a {
    color: #fff;
}

.m-header1 .search .text .u-sugInput .u-baseinputui {
    border: none;
    width: 106px !important;
}

.m-header1 .search .text .u-sugInput .u-baseinputui .sug {
    left: -23px;
    width: 144px;
}

.m-header1 .search .text .u-sugInput .u-baseinputui .sug .ar {
    display: none;
}

.m-header1 .search .text .u-sugInput .u-baseinputui .inputtxt {
    padding: 5px 0;
    width: 106px !important;
}

.m-header1 .search .text .u-sugInput .u-baseinputui .inputtxt:focus {
    background-color: transparent;
}

.m-header1 .search .text .u-sugInput .u-baseinputui .inputhint {
    top: 8px;
    left: 10px;
    white-space: nowrap;
}

.m-header1 .search .submit {
    font-size: 15px;
    color: #aaa;
    line-height: 30px;
}

.m-header1 .search label {
    top: 4px;
    font-size: 14px;
}

.m-header1 .search.active {
    background: #fff;
}

.m-header1 .nav {
    width: 370px;
}

.m-header1 .nav a {
    height: 90px;
    position: relative;
}

.m-header1 .nav a .inner {
    font-size: 18px;
    text-align: center;
    height: 90px;
    width: 75px;
    line-height: 90px;
    color: #fff;
    background: #2e323e;
}

.m-header1 .nav a .ic {
    display: none;
    bottom: 0;
    left: 11px;
    width: 80px;
    height: 4px;
    background: #8bb721;
}

.m-header1 .nav a:hover .inner {
    background: #232730;
}

.m-header1 .nav a.active .ic {
    display: block;
}

.m-header1 .nav a.spoc .inner {
    padding-left: 35px;
    width: 80px;
    background: url(http://mc.stu.126.net/res/images/common/head.png?c01693a58fac7e0915580da33650a89b) no-repeat 10px 33px;
}

.m-header1 .nav a.spoc .ic {
    left: 18px;
}

.m-header1 .nav a.spoc:hover {
    background-color: #232730;
}

.m-header1 .nav a.spoc:hover .inner {
    background-position: 10px -49px;
}

.m-header1 .nav a.app {
    padding-left: 10px;
}

.m-header1 .nav a.app .inner {
    padding-left: 10px;
    width: 80px;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -35px -400px;
}

.m-header1 .nav a.app .ic {
    left: 18px;
}

.m-header1 .nav a.app:hover {
    background-color: #232730;
}

.m-header1 .nav a.app:hover .inner {
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -35px -491px;
}

.m-header1 .nav a.app:hover + .appTips {
    display: block;
}

.m-header1 .nav .appTips {
    display: none;
    background-color: #FFF;
    height: 210px;
    position: absolute;
    width: 370px;
    top: 70px;
    margin-left: 140px;
}

.m-header1 .nav .appTips:hover {
    display: block;
}

.m-header1 .nav .appTips:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top: -18px;
    left: 45%;
    border: 10px solid transparent;
    border-bottom-color: #FFFFFF;
}

.m-header1 .nav .appTips .dltitle {
    font-size: 18px;
    line-height: 52px;
    margin-left: 20px;
}

.m-header1 .nav .appTips .qrcode {
    float: left;
    margin-left: 20px;
}

.m-header1 .nav .appTips .dlbtn {
    width: 140px;
    float: left;
    margin-left: 10px;
    text-align: center;
}

.m-header1 .nav .appTips .dlbtn .btn {
    width: 180px;
    height: 55px;
    display: block;
    margin-top: 10px;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -4999px -4999px;
}

.m-header1 .nav .appTips .dlbtn .btn.iphone {
    background-position: -0px -638px;
}

.m-header1 .nav .appTips .dlbtn .btn.android {
    background-position: -0px -716px;
}

.m-header1 .m-navlinks {
    padding: 28px 0;
}

.m-header2 {
    height: 80px;
    background: #2b3747;
}

.m-header2 .headdoc {
    padding: 0 15px;
}

.m-header2 .logo {
    padding-left: 10px;
}

.m-header2 .logo a {
    width: 240px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
}

.m-header2 .logo.spoc .spoc_icon {
    background: url(http://mc.stu.126.net/res/images/common/logo_spoc.png?91509919729f49a36511db1ee1e7bd48) no-repeat 0 23px;
}

.m-header2 .search {
    display: inline-block;
    width: 122px;
    margin: 25px 20px 0 10px;
}

.m-header2 .search .submit {
    line-height: 30px;
}

.m-header2 .search .text .u-sugInput .ipt {
    width: 107px;
}

.m-header2 .search .text .u-sugInput .ipt .u-baseinputui {
    border: none;
    width: 134px !important;
    height: 30px !important;
}

.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .sug {
    left: -22px;
}

.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .sug .ar {
    display: none;
}

.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputtxt {
    width: 97px !important;
}

.m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputhint {
    top: 8px;
    left: 10px;
}

.m-header2 .search label {
    top: 6px;
}

.m-header2 .nav {
    width: 400px;
}

.m-header2 .nav a:hover, .m-header2 .nav a.active {
    background-color: #3A485D;
}

.m-header2 .nav a .inner {
    font-size: 16px;
    text-align: center;
    height: 80px;
    width: 75px;
    line-height: 80px;
    color: #fff;
}

.m-header2 .nav a.spoc .inner {
    padding-left: 35px;
    width: 65px;
    background: url(http://mc.stu.126.net/res/images/common/head.png?c01693a58fac7e0915580da33650a89b) no-repeat 6px 27px;
}

.m-header2 .nav a.spoc:hover .inner {
    background-position: 6px -55px;
}

.m-header2 .nav a.app {
    margin-left: 20px;
}

.m-header2 .nav a.app .inner {
    padding-left: 20px;
    width: 80px;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -30px -405px;
}

.m-header2 .nav a.app .ic {
    left: 18px;
}

.m-header2 .nav a.app:hover {
    background-color: #3A485D;
}

.m-header2 .nav a.app:hover .inner {
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -30px -496px;
}

.m-header2 .nav a.app:hover + .appTips {
    display: block;
}

.m-header2 .appTips {
    display: none;
    background-color: #FFF;
    height: 210px;
    position: absolute;
    width: 370px;
    top: 65px;
    margin-left: 145px;
}

.m-header2 .appTips:hover {
    display: block;
}

.m-header2 .appTips:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top: -18px;
    left: 45%;
    border: 10px solid transparent;
    border-bottom-color: #FFFFFF;
}

.m-header2 .appTips .dltitle {
    font-size: 18px;
    line-height: 52px;
    margin-left: 20px;
}

.m-header2 .appTips .qrcode {
    float: left;
    margin-left: 20px;
}

.m-header2 .appTips .dlbtn {
    width: 140px;
    float: left;
    margin-left: 10px;
    text-align: center;
}

.m-header2 .appTips .dlbtn .btn {
    width: 180px;
    height: 55px;
    margin-top: 10px;
    display: block;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -4999px -4999px;
}

.m-header2 .appTips .dlbtn .btn.iphone {
    background-position: -0px -638px;
}

.m-header2 .appTips .dlbtn .btn.android {
    background-position: -0px -716px;
}

.m-header2 .m-navlinks {
    padding: 21px 0;
}

.m-header {
    position: relative;
    z-index: 300;
    top: 0;
}

.m-header .logo {
    display: inline;
    float: left;
    margin-right: 15px;
}

.m-header .logo .spoc_icon {
    display: none;
}

.m-header .logo.spoc a {
    float: left;
    margin-right: 16px;
    line-height: 70px;
}

.m-header .logo.spoc a img {
    vertical-align: middle;
}

.m-header .logo.spoc .spoc_icon {
    display: block;
    width: 224px;
}

.m-header .search {
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right;
}

.m-header .search .text {
    background: transparent;
    border: none;
}

.m-header .search .submit {
    background: none;
    border: none;
}

.m-header .search label {
    position: absolute;
    left: 31px;
    cursor: text;
}

.m-header .nav {
    float: left;
}

.m-header .nav a {
    display: block;
    float: left;
}

.m-header .nav a.active {
    cursor: default;
}

.m-navlinks {
    float: right;
    height: 30px;
    line-height: 30px;
}

.m-navlinks .unlogin {
    width: 80px;
    text-align: right;
}

.m-navlinks .unlogin a {
    font-size: 14px;
}

.m-navlinks .unlogin a .huo {
    top: -1px;
    position: relative;
}

.m-navlinks .login {
    width: 179px;
}

.m-navlinks .arrow {
    float: right;
    position: relative;
    top: 13px;
    left: 4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 4px 0px 4px;
    border-color: #999 transparent transparent transparent;
}

.m-navlinks .info {
    float: left;
    display: block;
    position: relative;
}

.m-navlinks .nickname {
    display: block;
    font-size: 14px;
    line-height: 34px;
    margin-right: 10px;
    max-width: 125px;
}

.m-navlinks .nickname a:hover {
    color: #999;
    text-decoration: underline;
}

.m-navlinks .face {
    height: 34px;
    line-height: 34px;
}

.m-navlinks .face img {
    margin: 3px;
    border-radius: 14px;
}

.m-navlinks .sets {
    position: absolute;
    right: 0;
    margin-top: -8px;
    padding-top: 14px;
    top: 100%;
}

.m-navlinks .sets .arr {
    position: absolute;
    top: 7px;
    left: 147px;
    width: 20px;
    height: 10px;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat 9999px 9999px;
    background-position: -136px -104px;
}

.m-navlinks .set {
    width: 155px;
    *width: 175px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.m-navlinks .set li a {
    padding: 0 10px;
    display: block;
    line-height: 32px;
    height: 32px;
}

.m-navlinks .set .text {
    border-bottom: 1px solid #eaeaea;
}

.m-navlinks .set .exit {
    border-top: 1px solid #eaeaea;
}

@media screen and (min-width: 1210px) {
    .m-header1 .search {
        display: inline-block !important;
        margin-right: 5px;
        width: 188px;
    }

    .m-header1 .search .submit {
        font-size: 20px;
    }

    .m-header1 .search .text {
        width: 160px;
    }

    .m-header1 .search .text .u-sugInput .ipt {
        width: 160px;
    }

    .m-header1 .search .text .u-sugInput .u-baseinputui {
        width: 160px !important;
    }

    .m-header1 .search .text .u-sugInput .u-baseinputui .sug {
        left: -30px;
        width: 200px;
    }

    .m-header1 .search .text .u-sugInput .u-baseinputui .inputtxt {
        width: 150px !important;
    }

    .m-header1 .nav {
        width: 465px;
    }

    .m-header1 .nav .appTips {
        margin-left: 205px;
    }

    .m-header1 .nav a.spoc {
        margin-left: 0px;
    }

    .m-header1 .nav a.app {
        margin-left: 15px;
    }

    .m-header1 .nav a .inner {
        width: 100px;
    }

    .m-header2 .search {
        width: 240px;
        display: inline-block !important;
    }

    .m-header2 .search .text .u-sugInput .ipt {
        width: 210px;
    }

    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui {
        border: none;
        height: 30px !important;
    }

    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui .sug {
        left: -35px;
        width: 252px !important;
    }

    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputtxt {
        width: 200px !important;
    }

    .m-header2 .search .text .u-sugInput .ipt .u-baseinputui .inputhint {
        top: 8px;
        left: 10px;
    }
}

.m-nav-container {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 20;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    display: block;
    background-color: #2e323e;
}

.m-navTop-func_div1 {
    left: 0px;
    top: 0px;
    width: 1260px;
    height: 50px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    display: block;
    background-color: #2e323e;
}

.m-navTop-func_div2 {
    left: 0px;
    top: 11px;
    width: 190px;
    height: 28px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    display: block;
}

.m-navTop-func_a3 {
    display: inline-block;
    width: 100%;
    height: 28px;
}

.m-navTop-func_img4 {
    width: 190px;
    height: 28px;
    border-radius: 0px;
}

.m-navTop-func_div5 {
    left: 250px;
    top: 14px;
    width: 32px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
    cursor: pointer;
}

.m-navTop-func_a6 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span7 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span7:hover {
    color: #96d013;
}

.m-navTop-func_div8 {
    margin-left: -139px;
}

.m-navTop-func_div9 {
    left: 129px;
}

.m-navTop-func_div10 {
    left: 129px;
}

.m-navTop-func_div11 {
    left: 0px;
    top: 0px;
    width: 248px;
    height: auto;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
}

.m-navTop-func_div12 {
    left: 322px;
    top: 14px;
    width: 32px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
}

.m-navTop-func_a13 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span14 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span14:hover {
    color: #96d013;
}

.m-navTop-func_div15 {
    left: 773px;
    top: 14px;
    width: 13px;
    height: 21px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    display: block;
}

.m-navTop-func_img16 {
    width: 13px;
    height: 21px;
    border-radius: 0px;
}

.m-navTop-func_div17 {
    left: 796px;
    top: 15px;
    width: 42px;
    height: 19px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
    cursor: pointer;
    line-height: 19px;
}

.m-navTop-func_a18 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.m-navTop-func_span19 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_div20 {
    margin-left: -182px;
}

.m-navTop-func_div21 {
    left: 172px;
}

.m-navTop-func_div22 {
    left: 172px;
}

.m-navTop-func_div23 {
    left: 0px;
    top: 0px;
    width: 334px;
    height: 180px;
    z-index: 5;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: white;
}

.m-navTop-func_div24 {
    left: 2px;
    top: 5px;
    width: 200px;
    height: 20px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
}

.m-navTop-func_span25 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 18px;
    color: #111111;
    text-align: left;
    vertical-align: middle;
}

.m-navTop-func_div26 {
    left: 4px;
    top: 40px;
    width: 140px;
    height: 140px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.m-navTop-func_img27 {
    width: 140px;
    height: 140px;
    border-radius: 0px;
}

.m-navTop-func_div28 {
    left: 155px;
    top: 52px;
    width: 177px;
    height: 51px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat 0px -638px");
}

.m-navTop-func_a29 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.m-navTop-func_div30 {
    left: 155px;
    top: 118px;
    width: 177px;
    height: 51px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat 0px -716px");
}

.m-navTop-func_a31 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.m-navTop-func_div32 {
    left: 868px;
    top: 12px;
    width: 230px;
    height: 26px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    display: block;
}

.m-navTop-func_div33 {
    left: 0px;
    top: 0px;
    width: 230px;
    height: 26px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: whitesmoke;
}

.m-navTop-func_div34 {
    left: 0px;
    top: 0px;
    width: 194px;
    height: 26px;
    z-index: 1;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: whitesmoke;
}

.m-navTop-func_div35 {
    left: 196px;
    top: 0px;
    width: 36px;
    height: 26px;
    z-index: 1;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: #55b929;
    line-height: 26px;
}

.m-navTop-func_span36 {
    line-height: 26px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_div37 {
    left: 1128px;
    top: 15px;
    width: 56px;
    height: 19px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
    line-height: 19px;
}

.m-navTop-func_a38 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.m-navTop-func_span39 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span39:hover {
    color: #96d013;
}

.m-navTop-func_div40 {
    left: 1190px;
    top: 10px;
    width: 70px;
    height: 19px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 12px;
    position: absolute;
    display: block;
}

.m-navTop-func_div41 {
    left: 394px;
    top: 14px;
    width: 58px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
}

.m-navTop-func_a42 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span43 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: left;
    vertical-align: middle;
}

.m-navTop-func_span43:hover {
    color: #96d013;
}

.m-navTop-func_div44 {
    left: 480px;
    top: 14px;
    width: 48px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
}

.m-navTop-func_a45 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span46 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span46:hover {
    color: #96d013;
}

.m-navTop-func_div47 {
    left: 0px;
    top: 0px;
    width: 1260px;
    height: 50px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    display: block;
    background-color: #2e323e;
}

.m-navTop-func_div48 {
    left: 0px;
    top: 11px;
    width: 390px;
    height: 28px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    display: block;
}

.m-navTop-func_a49 {
    display: inline-block;
    width: 100%;
    height: 28px;
}

.m-navTop-func_img50 {
    width: 190px;
    height: 28px;
    border-radius: 0px;
}

.m-navTop-func_div51 {
    left: 250px;
    top: 14px;
    width: 32px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
    cursor: pointer;
}

.m-navTop-func_a52 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span53 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span53:hover {
    color: #96d013;
}

.m-navTop-func_div54 {
    margin-left: -139px;
}

.m-navTop-func_div55 {
    left: 129px;
}

.m-navTop-func_div56 {
    left: 129px;
}

.m-navTop-func_div57 {
    left: 0px;
    top: 0px;
    width: 248px;
    height: auto;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
}

.m-navTop-func_div58 {
    left: 322px;
    top: 14px;
    width: 32px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
}

.m-navTop-func_a59 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span60 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span60:hover {
    color: #96d013;
}

.m-navTop-func_div61 {
    left: 394px;
    top: 14px;
    width: 58px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
}

.m-navTop-func_a62 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span63 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: left;
    vertical-align: middle;
}

.m-navTop-func_span63:hover {
    color: #96d013;
}

.m-navTop-func_div64 {
    left: 839px;
    top: 14px;
    width: 13px;
    height: 21px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    display: block;
}

.m-navTop-func_img65 {
    width: 13px;
    height: 21px;
    border-radius: 0px;
}

.m-navTop-func_div66 {
    left: 862px;
    top: 15px;
    width: 42px;
    height: 19px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
    cursor: pointer;
    line-height: 19px;
}

.m-navTop-func_a67 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.m-navTop-func_span68 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_div69 {
    margin-left: -182px;
}

.m-navTop-func_div70 {
    left: 172px;
}

.m-navTop-func_div71 {
    left: 172px;
}

.m-navTop-func_div72 {
    left: 0px;
    top: 0px;
    width: 334px;
    height: 180px;
    z-index: 5;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: white;
}

.m-navTop-func_div73 {
    left: 2px;
    top: 5px;
    width: 200px;
    height: 20px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
}

.m-navTop-func_span74 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 18px;
    color: #111111;
    text-align: left;
    vertical-align: middle;
}

.m-navTop-func_div75 {
    left: 4px;
    top: 40px;
    width: 140px;
    height: 140px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.m-navTop-func_img76 {
    width: 140px;
    height: 140px;
    border-radius: 0px;
}

.m-navTop-func_div77 {
    left: 155px;
    top: 52px;
    width: 177px;
    height: 51px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat 0px -638px");
}

.m-navTop-func_a78 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.m-navTop-func_div79 {
    left: 155px;
    top: 118px;
    width: 177px;
    height: 51px;
    z-index: 6;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat 0px -716px");
}

.m-navTop-func_a80 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.m-navTop-func_div81 {
    left: 864px;
    top: 12px;
    width: 230px;
    height: 26px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    display: block;
}

.m-navTop-func_div82 {
    left: 0px;
    top: 0px;
    width: 230px;
    height: 26px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: whitesmoke;
}

.m-navTop-func_div83 {
    left: 0px;
    top: 0px;
    width: 194px;
    height: 26px;
    z-index: 1;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: whitesmoke;
}

.m-navTop-func_div84 {
    left: 196px;
    top: 0px;
    width: 36px;
    height: 26px;
    z-index: 1;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: #55b929;
    line-height: 26px;
}

.m-navTop-func_span85 {
    line-height: 26px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_div86 {
    left: 1104px;
    top: 15px;
    width: 56px;
    height: 19px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: none;
    line-height: 19px;
}

.m-navTop-func_span87 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span87:hover {
    color: #96d013;
}

.m-navTop-func_a88 {
    color: white;
}

.m-navTop-func_a89 {
    color: white;
}

.m-navTop-func_div90 {
    left: 1190px;
    top: 10px;
    width: 70px;
    height: 19px;
    z-index: 0;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 12px;
    position: absolute;
    display: block;
}

.m-navTop-func_div91 {
    left: 480px;
    top: 14px;
    width: 48px;
    height: 21px;
    z-index: 13;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: block;
}

.m-navTop-func_a92 {
    display: inline-block;
    width: 100%;
    height: 21px;
}

.m-navTop-func_span93 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 16px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.m-navTop-func_span93:hover {
    color: #96d013;
}

.m-navTop-func {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 21;
    min-width: 0px;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    display: block;
}

.e-hover-source:hover .e-hover-target {
    display: block;
}

.e-hover-source:hover .e-hover-code {
    display: block;
}

.e-hover-target {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: -2px;
    padding-top: 14px;
    top: 100%;
}

.e-hover-code {
    display: none;
}

.e-hover-arrow {
    position: absolute;
    top: 5px;
    width: 1px;
    height: 1px;
    border: 9px solid #fff;
    border-bottom-color: #ddd;
    z-index: 3;
    border-top-width: 0px;
}

.e-hover-arrow-border {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 6px;
    border: 9px solid transparent;
    border-bottom-color: #fff;
    border-top-width: 0px;
    z-index: 3;
}

.e-hover-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 15px 15px;
    background: #fff;
    border: 1px solid #ddd;
}

.u-navVocation-container {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 20;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: #2e323e;
}

.navVocationFunc-t_div52 {
    left: 0px;
    top: 0px;
    width: 1260px;
    height: 50px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: #2e323e;
}

.navVocationFunc-t_div52_div53 {
    left: 0px;
    top: 11px;
    width: 190px;
    height: 28px;
    z-index: 13;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.navVocationFunc-t_div52_div53_a54 {
    display: inline-block;
    width: 100%;
    height: 28px;
}

.navVocationFunc-t_div52_div53_a54_img55 {
    width: 190px;
    height: 28px;
    border-radius: 0px;
}

.navVocationFunc-t_div52_div56 {
    left: 749px;
    top: 14px;
    width: 13px;
    height: 21px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.navVocationFunc-t_div52_div56_img57 {
    width: 13px;
    height: 21px;
    border-radius: 0px;
}

.navVocationFunc-t_div52_div58 {
    left: 772px;
    top: 15px;
    width: 42px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    cursor: pointer;
    line-height: 19px;
}

.navVocationFunc-t_div52_div58_a59 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navVocationFunc-t_div52_div58_a59_span60 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-t_div52_div58_div61 {
    margin-left: -182px;
}

.navVocationFunc-t_div52_div58_div61_div62 {
    left: 172px;
}

.navVocationFunc-t_div52_div58_div61_div63 {
    left: 172px;
}

.e-hover-content_div64 {
    left: 0px;
    top: 0px;
    width: 334px;
    height: 180px;
    z-index: 5;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: white;
}

.e-hover-content_div64_div65 {
    left: 2px;
    top: 5px;
    width: 200px;
    height: 20px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
}

.e-hover-content_div64_div65_span66 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 18px;
    color: #111111;
    text-align: left;
    vertical-align: middle;
}

.e-hover-content_div64_div67 {
    left: 4px;
    top: 40px;
    width: 140px;
    height: 140px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.e-hover-content_div64_div67_img68 {
    width: 140px;
    height: 140px;
    border-radius: 0px;
}

.e-hover-content_div64_div69 {
    left: 155px;
    top: 52px;
    width: 177px;
    height: 51px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985") 0px -638px no-repeat;
}

.e-hover-content_div64_div69_a70 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.e-hover-content_div64_div71 {
    left: 155px;
    top: 118px;
    width: 177px;
    height: 51px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985") 0px -716px no-repeat;
}

.e-hover-content_div64_div71_a72 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.navVocationFunc-t_div52_div73 {
    left: 844px;
    top: 12px;
    width: 230px;
    height: 26px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.nav-searchFunc-i_div74 {
    left: 0px;
    top: 0px;
    width: 230px;
    height: 26px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: whitesmoke;
}

.nav-searchFunc-i_div74_div75 {
    left: 0px;
    top: 0px;
    width: 194px;
    height: 26px;
    z-index: 1;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: whitesmoke;
}

.nav-searchFunc-i_div74_div76 {
    left: 196px;
    top: 0px;
    width: 36px;
    height: 26px;
    z-index: 1;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: #55b929;
    line-height: 26px;
}

.nav-searchFunc-i_div74_div76_span77 {
    line-height: 26px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-t_div52_div78 {
    left: 1104px;
    top: 15px;
    width: 56px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    line-height: 19px;
}

.navVocationFunc-t_div52_div78_a79 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navVocationFunc-t_div52_div78_a79_span80 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-t_div52_div81 {
    left: 1190px;
    top: 10px;
    width: 70px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 12px;
    position: absolute;
}

.navVocationFunc-t_div52_div82 {
    left: 590px;
    top: 15px;
    width: 135px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    line-height: 19px;
}

.navVocationFunc-t_div52_div82_a83 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navVocationFunc-t_div52_div82_a83_span84 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-t_div52_div85 {
    left: 200px;
    top: 14px;
    width: 74px;
    height: 21px;
    z-index: 13;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 16px;
    position: absolute;
}

.navVocationFunc-t_div52_div86 {
    left: 0px;
    top: 11px;
    width: 280px;
    height: 28px;
    z-index: 13;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 16px;
    position: absolute;
}

.nav-linkFunc-t_a87 {
    width: 280px;
    height: 28px;
    cursor: pointer;
    display: inline-block;
}

.nav-linkFunc-f_a88 {
    width: 280px;
    height: 28px;
    cursor: pointer;
    display: inline-block;
}

.navVocationFunc-t_div52_div89 {
    left: 1090px;
    top: 15px;
    width: 70px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    display: none;
    line-height: 19px;
}

.navVocationFunc-t_div52_div89_a90 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navVocationFunc-t_div52_div89_a90_span91 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-f_div92 {
    left: 0px;
    top: 0px;
    width: 1260px;
    height: 50px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: #2e323e;
}

.navVocationFunc-f_div92_div93 {
    left: 0px;
    top: 11px;
    width: 190px;
    height: 28px;
    z-index: 13;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.navVocationFunc-f_div92_div93_a94 {
    display: inline-block;
    width: 100%;
    height: 28px;
}

.navVocationFunc-f_div92_div93_a94_img95 {
    width: 190px;
    height: 28px;
    border-radius: 0px;
}

.navVocationFunc-f_div92_div96 {
    left: 749px;
    top: 14px;
    width: 13px;
    height: 21px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.navVocationFunc-f_div92_div96_img97 {
    width: 13px;
    height: 21px;
    border-radius: 0px;
}

.navVocationFunc-f_div92_div98 {
    left: 772px;
    top: 15px;
    width: 42px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    cursor: pointer;
    line-height: 19px;
}

.navVocationFunc-f_div92_div98_a99 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navVocationFunc-f_div92_div98_a99_span100 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-f_div92_div98_div101 {
    margin-left: -182px;
}

.navVocationFunc-f_div92_div98_div101_div102 {
    left: 172px;
}

.navVocationFunc-f_div92_div98_div101_div103 {
    left: 172px;
}

.e-hover-content_div104 {
    left: 0px;
    top: 0px;
    width: 334px;
    height: 180px;
    z-index: 5;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: white;
}

.e-hover-content_div104_div105 {
    left: 2px;
    top: 5px;
    width: 200px;
    height: 20px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
}

.e-hover-content_div104_div105_span106 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 18px;
    color: #111111;
    text-align: left;
    vertical-align: middle;
}

.e-hover-content_div104_div107 {
    left: 4px;
    top: 40px;
    width: 140px;
    height: 140px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.e-hover-content_div104_div107_img108 {
    width: 140px;
    height: 140px;
    border-radius: 0px;
}

.e-hover-content_div104_div109 {
    left: 155px;
    top: 52px;
    width: 177px;
    height: 51px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985") 0px -638px no-repeat;
}

.e-hover-content_div104_div109_a110 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.e-hover-content_div104_div111 {
    left: 155px;
    top: 118px;
    width: 177px;
    height: 51px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985") 0px -716px no-repeat;
}

.e-hover-content_div104_div111_a112 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.navVocationFunc-f_div92_div113 {
    left: 844px;
    top: 12px;
    width: 230px;
    height: 26px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.nav-searchFunc-i_div114 {
    left: 0px;
    top: 0px;
    width: 230px;
    height: 26px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: whitesmoke;
}

.nav-searchFunc-i_div114_div115 {
    left: 0px;
    top: 0px;
    width: 194px;
    height: 26px;
    z-index: 1;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: whitesmoke;
}

.nav-searchFunc-i_div114_div116 {
    left: 196px;
    top: 0px;
    width: 36px;
    height: 26px;
    z-index: 1;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: #55b929;
    line-height: 26px;
}

.nav-searchFunc-i_div114_div116_span117 {
    line-height: 26px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-f_div92_div118 {
    left: 1104px;
    top: 15px;
    width: 56px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    line-height: 19px;
}

.navVocationFunc-f_div92_div118_span119 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-f_div92_div118_span119_a120 {
    color: white;
}

.navVocationFunc-f_div92_div118_span119_a121 {
    color: white;
}

.navVocationFunc-f_div92_div122 {
    left: 1190px;
    top: 10px;
    width: 70px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 12px;
    position: absolute;
}

.navVocationFunc-f_div92_div123 {
    left: 590px;
    top: 15px;
    width: 135px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    line-height: 19px;
}

.navVocationFunc-f_div92_div123_a124 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navVocationFunc-f_div92_div123_a124_span125 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navVocationFunc-f_div92_div126 {
    left: 200px;
    top: 14px;
    width: 74px;
    height: 21px;
    z-index: 13;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 16px;
    position: absolute;
}

.navVocationFunc-f_div92_div127 {
    left: 0px;
    top: 11px;
    width: 280px;
    height: 28px;
    z-index: 13;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 16px;
    position: absolute;
}

.nav-linkFunc-t_a128 {
    width: 280px;
    height: 28px;
    cursor: pointer;
    display: inline-block;
}

.nav-linkFunc-f_a129 {
    width: 280px;
    height: 28px;
    cursor: pointer;
    display: inline-block;
}

.u-navVocationFunc {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 21;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.e-hover-source:hover .e-hover-target {
    display: block;
}

.e-hover-source:hover .e-hover-code {
    display: block;
}

.e-hover-target {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: -2px;
    padding-top: 14px;
    top: 100%;
}

.e-hover-code {
    display: none;
}

.e-hover-arrow {
    position: absolute;
    top: 5px;
    width: 1px;
    height: 1px;
    border: 9px solid #fff;
    border-bottom-color: #ddd;
    z-index: 3;
    border-top-width: 0px;
}

.e-hover-arrow-border {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 6px;
    border: 9px solid transparent;
    border-bottom-color: #fff;
    border-top-width: 0px;
    z-index: 3;
}

.e-hover-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 15px 15px;
    background: #fff;
    border: 1px solid #ddd;
}

.u-navOnline-container {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 20;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: #2e323e;
}

.navOnlineFunc-i_div129 {
    left: 0px;
    top: 0px;
    width: 1260px;
    height: 50px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: #2e323e;
}

.navOnlineFunc-i_div129_div130 {
    left: 26px;
    top: 11px;
    width: 190px;
    height: 28px;
    z-index: 13;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.navOnlineFunc-i_div129_div130_img131 {
    width: 190px;
    height: 28px;
    border-radius: 0px;
}

.navOnlineFunc-i_div129_div132 {
    left: 749px;
    top: 14px;
    width: 13px;
    height: 21px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.navOnlineFunc-i_div129_div132_img133 {
    width: 13px;
    height: 21px;
    border-radius: 0px;
}

.navOnlineFunc-i_div129_div134 {
    left: 772px;
    top: 15px;
    width: 42px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    cursor: pointer;
    line-height: 19px;
}

.navOnlineFunc-i_div129_div134_a135 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navOnlineFunc-i_div129_div134_a135_span136 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navOnlineFunc-i_div129_div134_div137 {
    margin-left: -182px;
}

.navOnlineFunc-i_div129_div134_div137_div138 {
    left: 172px;
}

.navOnlineFunc-i_div129_div134_div137_div139 {
    left: 172px;
}

.e-hover-content_div140 {
    left: 0px;
    top: 0px;
    width: 334px;
    height: 180px;
    z-index: 5;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: white;
}

.e-hover-content_div140_div141 {
    left: 2px;
    top: 5px;
    width: 200px;
    height: 20px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
}

.e-hover-content_div140_div141_span142 {
    line-height: normal;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 18px;
    color: #111111;
    text-align: left;
    vertical-align: middle;
}

.e-hover-content_div140_div143 {
    left: 4px;
    top: 40px;
    width: 140px;
    height: 140px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.e-hover-content_div140_div143_img144 {
    width: 140px;
    height: 140px;
    border-radius: 0px;
}

.e-hover-content_div140_div145 {
    left: 155px;
    top: 52px;
    width: 177px;
    height: 51px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985") 0px -638px no-repeat;
}

.e-hover-content_div140_div145_a146 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.e-hover-content_div140_div147 {
    left: 155px;
    top: 118px;
    width: 177px;
    height: 51px;
    z-index: 6;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background: url("http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985") 0px -716px no-repeat;
}

.e-hover-content_div140_div147_a148 {
    display: inline-block;
    width: 100%;
    height: 51px;
}

.navOnlineFunc-i_div129_div149 {
    left: 844px;
    top: 12px;
    width: 230px;
    height: 26px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.nav-searchFunc-i_div150 {
    left: 0px;
    top: 0px;
    width: 230px;
    height: 26px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: relative;
    background-color: whitesmoke;
}

.nav-searchFunc-i_div150_div151 {
    left: 0px;
    top: 0px;
    width: 194px;
    height: 26px;
    z-index: 1;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: whitesmoke;
}

.nav-searchFunc-i_div150_div152 {
    left: 196px;
    top: 0px;
    width: 36px;
    height: 26px;
    z-index: 1;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
    background-color: #55b929;
    line-height: 26px;
}

.nav-searchFunc-i_div150_div152_span153 {
    line-height: 26px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navOnlineFunc-i_div129_div154 {
    left: 1104px;
    top: 15px;
    width: 56px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    line-height: 19px;
}

.navOnlineFunc-i_div129_div154_span155 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.navOnlineFunc-i_div129_div154_span155_a156 {
    color: white;
}

.navOnlineFunc-i_div129_div154_span155_a157 {
    color: white;
}

.navOnlineFunc-i_div129_div158 {
    left: 1190px;
    top: 10px;
    width: 70px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 12px;
    position: absolute;
}

.navOnlineFunc-i_div129_div159 {
    left: 590px;
    top: 15px;
    width: 135px;
    height: 19px;
    z-index: 0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 0px;
    position: absolute;
    line-height: 19px;
}

.navOnlineFunc-i_div129_div159_a160 {
    display: inline-block;
    width: 100%;
    height: 19px;
}

.navOnlineFunc-i_div129_div159_a160_span161 {
    line-height: 19px;
    display: inline-block;
    width: 100%;
    font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.u-navOnlineFunc {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 21;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    color: black;
    font-size: 16px;
    position: absolute;
}

.e-hover-source:hover .e-hover-target {
    display: block;
}

.e-hover-source:hover .e-hover-code {
    display: block;
}

.e-hover-target {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: -2px;
    padding-top: 14px;
    top: 100%;
}

.e-hover-code {
    display: none;
}

.e-hover-arrow {
    position: absolute;
    top: 5px;
    width: 1px;
    height: 1px;
    border: 9px solid #fff;
    border-bottom-color: #ddd;
    z-index: 3;
    border-top-width: 0px;
}

.e-hover-arrow-border {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 6px;
    border: 9px solid transparent;
    border-bottom-color: #fff;
    border-top-width: 0px;
    z-index: 3;
}

.e-hover-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 15px 15px;
    background: #fff;
    border: 1px solid #ddd;
}

.m-openOnlineheader .sublogo {
    color: #fff;
    font-size: 24px;
    border-left: 1px solid #616975;
    height: 25px;
    line-height: 25px;
    padding-left: 12px;
    margin: 32px 0 0 12px;
}

.m-header1 .logo a {
    margin: 8px 15px 9px 0;
}

.m-header1 .oocLogo a {
    margin: 8px 15px 9px 0;
    cursor: default;
}

.m-header1 .sublogo a {
    display: block;
    background: url(http://mc.stu.126.net/res/images/pages/university/vocation_logo.png?db588140636a553ed3556c93c6509ead) no-repeat 0 23px;
    width: 240px;
    height: 73px;
    margin: 8px 25px 9px 0;
    padding-left: 15px;
}

.m-header1 .client {
    width: 90px;
    height: 90px;
    float: right;
}

.m-header1 .client .app {
    display: block;
}

.m-header1 .client .app .inner {
    padding-left: 10px;
    width: 80px;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -35px -400px;
    font-size: 18px;
    text-align: center;
    height: 90px;
    line-height: 90px;
    color: #fff;
}

.m-header1 .client .app:hover {
    background-color: #232730;
}

.m-header1 .client .app:hover .inner {
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -35px -491px;
}

.m-header1 .client .app:hover + .appTipsV {
    display: block;
}

.m-header1 .client .appTipsV {
    display: none;
    background-color: #FFF;
    height: 210px;
    position: absolute;
    width: 370px;
    top: 70px;
    left: -125px;
}

.m-header1 .client .appTipsV:hover {
    display: block;
}

.m-header1 .client .appTipsV:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top: -18px;
    left: 45%;
    border: 10px solid transparent;
    border-bottom-color: #FFFFFF;
}

.m-header1 .client .appTipsV .dltitle {
    font-size: 18px;
    line-height: 52px;
    margin-left: 20px;
}

.m-header1 .client .appTipsV .qrcode {
    float: left;
    margin-left: 20px;
}

.m-header1 .client .appTipsV .dlbtn {
    width: 140px;
    float: left;
    margin-left: 10px;
    text-align: center;
}

.m-header1 .client .appTipsV .dlbtn .btn {
    width: 180px;
    height: 55px;
    display: block;
    margin-top: 10px;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -4999px -4999px;
}

.m-header1 .client .appTipsV .dlbtn .btn.iphone {
    background-position: -0px -638px;
}

.m-header1 .client .appTipsV .dlbtn .btn.android {
    background-position: -0px -716px;
}

.m-header2 .logo a {
    margin: 8px 15px 0 20px;
}

.m-header2 .sublogo a {
    display: block;
    background: url(http://mc.stu.126.net/res/images/pages/university/vocation_logo.png?db588140636a553ed3556c93c6509ead) no-repeat 0 18px;
    width: 240px;
    height: 53px;
    margin: 8px 15px 0 0;
    padding-left: 15px;
}

.m-header2 .client {
    width: 90px;
    height: 80px;
    float: right;
}

.m-header2 .client .app {
    display: block;
    float: right;
}

.m-header2 .client .app .inner {
    padding-left: 10px;
    width: 80px;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -30px -405px;
    font-size: 18px;
    text-align: center;
    height: 80px;
    line-height: 80px;
    color: #fff;
}

.m-header2 .client .app:hover {
    background-color: #3A485D;
}

.m-header2 .client .app:hover .inner {
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -30px -496px;
}

.m-header2 .client .app:hover + .appTipsV {
    display: block;
}

.m-header2 .client .appTipsV {
    display: none;
    background-color: #FFF;
    height: 210px;
    position: absolute;
    width: 370px;
    top: 65px;
    left: -125px;
}

.m-header2 .client .appTipsV:hover {
    display: block;
}

.m-header2 .client .appTipsV:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top: -18px;
    left: 45%;
    border: 10px solid transparent;
    border-bottom-color: #FFFFFF;
}

.m-header2 .client .appTipsV .dltitle {
    font-size: 18px;
    line-height: 52px;
    margin-left: 20px;
}

.m-header2 .client .appTipsV .qrcode {
    float: left;
    margin-left: 20px;
}

.m-header2 .client .appTipsV .dlbtn {
    width: 140px;
    float: left;
    margin-left: 10px;
    text-align: center;
}

.m-header2 .client .appTipsV .dlbtn .btn {
    width: 180px;
    height: 55px;
    display: block;
    margin-top: 10px;
    background: url(http://mc.stu.126.net/res/images/common/spriteIcon.png?28f4e06998404217d86cd49900e8d985) no-repeat -4999px -4999px;
}

.m-header2 .client .appTipsV .dlbtn .btn.iphone {
    background-position: -0px -638px;
}

.m-header2 .client .appTipsV .dlbtn .btn.android {
    background-position: -0px -716px;
}

.m-foot {
    border-top: 1px solid #333;
    background-color: #333;
    padding: 30px 0 35px 0;
    line-height: 20px;
}

.m-foot .line {
    display: block;
    width: 1px;
    height: 18px;
    border-left: 1px solid #4d4d4d;
    left: -20px;
    top: 2px;
}

.m-foot .f1 {
    width: 516px;
}

.m-foot .f1 .logo {
    width: 100%;
    height: 37px;
    background: url(http://edu-image.nosdn.127.net/74DBED5C8E078FEA2C54FD5D0A7D73AA.png?imageView&thumbnail=250y37&quality=100) no-repeat 0 0;
    background-size: contain;
}

.m-foot .f1 .oocLogo {
    width: 100%;
    height: 35px;
    background: url(http://mc.stu.126.net/res/images/common/smallOocLogo.png?7e5af5423c31ffe2b5ab4798e385bdaa) no-repeat 0 0;
}

.m-foot .f1 p {
    margin-top: 12px;
}

.m-foot .f2 {
    width: 128px;
    margin-right: 50px;
}

.m-foot .f2 .f2a {
    display: inline-block;
    width: 60px;
    height: 25px;
}

.m-foot .f3 {
    width: 200px;
}

.m-foot .f3 .weixin .tipQrcode {
    display: none;
    z-index: 999;
    width: 120px;
    height: 120px;
    bottom: 65px;
    left: -34px;
    background: #fff;
    border: 1px solid #ddd;
}

.m-foot .f3 .weixin .tipQrcode .qrTitle {
    font-family: "微软雅黑";
    color: #999;
}

.m-foot .f3 .weixin .tipQrcode .tip {
    width: 1px;
    height: 0px;
    right: 55px;
    bottom: -12px;
    border: 6px solid #fff;
    border-left-color: #333;
    border-right-color: #333;
    border-bottom-color: #333;
}

.m-foot .f3 .weixin:hover .tipQrcode {
    display: block;
}

.m-foot h4 {
    font-size: 16px;
    margin-bottom: 16px;
}

.m-foot .gzIc {
    display: block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.m-foot .gzIc.weibo:hover {
    color: #F8142D;
    border: 1px solid #F8142D;
}

.m-foot .gzIc.weixin:hover {
    color: #55B929;
    border: 1px solid #55B929;
}

.m-foot .beian p {
    text-align: center;
}

.m-foot .recruit {
    height: 60px;
    background-color: #484848;
    top: -60px;
    left: 0;
}

.m-foot .recruit .ic {
    display: block;
    width: 24px;
    height: 19px;
    margin: 20px 15px 0 0;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat -35px -341px;
}

.m-foot .recruit .txt {
    margin: 22px 15px 0 0;
    color: #c3c3c3;
}

.m-foot .recruit .btn {
    color: #ccc;
    border: 2px solid #718b31;
    padding: 5px 15px;
    margin: 13px 0 0 0;
    cursor: pointer;
}

.m-foot .recruit .btn:hover {
    border-color: #8cb822;
}

.m-foot .beian {
    margin-top: 25px;
}

@media screen and (min-width: 1210px) {
    .m-foot .f2 {
        margin-right: 114px;
    }
}

.m-cloudfoot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 140px;
    padding: 30px 0 35px 0;
    line-height: 23px;
}

.m-cloudfoot .recruit {
    height: 60px;
    background-color: #484848;
    top: -60px;
    left: 0;
}

.m-cloudfoot .recruit .ic {
    display: block;
    width: 24px;
    height: 19px;
    margin: 20px 15px 0 0;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat -35px -341px;
}

.m-cloudfoot .recruit .txt {
    margin: 22px 15px 0 0;
    color: #c3c3c3;
}

.m-cloudfoot .recruit .btn {
    color: #ccc;
    border: 2px solid #718b31;
    padding: 5px 15px;
    margin: 13px 0 0 0;
    cursor: pointer;
}

.m-cloudfoot .recruit .btn:hover {
    border-color: #8cb822;
}

.m-cloudfoot .f1 {
    width: 540px;
}

.m-cloudfoot .f1 .logo {
    width: 100%;
    height: 35px;
    background: url(http://mc.stu.126.net/res/images/common/cloudlogo.png?0f12d1b07b81b275468ae8aff15ede94) no-repeat 0 0;
}

.m-cloudfoot .f1 p {
    margin-top: 12px;
    color: #000;
}

.m-cloudfoot .f2 {
    width: 280px;
    font-size: 14px;
}

.m-cloudfoot .f2 .connect, .m-cloudfoot .f2 .home {
    float: left;
    margin-right: 60px;
    height: 40px;
}

.m-cloudfoot .f2 .connect:hover + .onlineConnect {
    display: block;
}

.m-cloudfoot .f2 .onlineConnect {
    display: none;
    background-color: #FFF;
    height: 120px;
    position: absolute;
    width: 230px;
    top: 27px;
    left: -90px;
    border: solid 1px #e6e6e6;
}

.m-cloudfoot .f2 .onlineConnect:hover {
    display: block;
}

.m-cloudfoot .f2 .onlineConnect .content {
    font-size: 12px;
    margin: 24px 24px 14px 24px;
}

.m-cloudfoot .f2 .onlineConnect .service {
    cursor: pointer;
    color: #389dff;
    width: 200px;
    height: 35px;
    border-top: solid 1px #e6e6e6;
    margin: 0 auto;
    text-align: center;
    padding-top: 6px;
    line-height: 28px;
    vertical-align: middle;
}

.m-cloudfoot .f2 .onlineConnect .service .u-icon-service {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

.m-cloudfoot .f2 .onlineConnect .service .connet {
    margin-left: 7px;
    text-decoration: underline;
}

.m-cloudfoot .beian {
    width: 600px;
    text-align: center;
    margin: 40px auto;
}

#j-activityBanner .u-icon-normal-close {
    position: absolute;
    font-size: 12px;
    width: 24px;
    line-height: 22px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    right: 10px;
    top: 5px;
    color: #aaa;
    text-align: center;
}

#j-activityBanner .u-icon-normal-close:hover {
    color: #fff;
}

.m-nav-container {
    z-index: 999;
}

.m-nav-container .u-baseinputui {
    background-color: whitesmoke;
}

.m-nav-container .navLoginBtn {
    color: #fff;
}

.m-nav-container .navLoginBtn:hover {
    color: #55B929;
}

.u-baseinputui .inputhint {
    top: 6px;
}

.m-navlinks .face img {
    margin: 0 3px;
}

.cateNavR-container-f a:hover div {
    color: #55B929;
}

.cateNavR-container-f a:hover span {
    color: #55B929;
}

.m-nav-container a:hover span {
    color: #55B929;
}

.m-navLearn-container {
    min-width: 1260px;
}

.m-navTop-func .e-hover-arrow {
    border: none !important;
}

.m-navlinks .login {
    width: auto;
    position: relative;
    left: -20px;
}

.m-navlinks .arrow {
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.m-navlinks:hover .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.navTop-func-t .m-navlinks .login, .navRight-func-t .m-navlinks .login {
    left: -10px;
}

.m-navTop-func-f .e-hover-arrow {
    border: none !important;
}

.m-navTop-func-f .m-navlinks .login .info {
    right: 5px;
}

.u-navVocationFunc .m-navlinks .login .info {
    right: 5px;
}

.m-navLearn-container .e-hover-arrow, .u-navOnline-container .e-hover-arrow, .u-navVocation-container .e-hover-arrow {
    border: none !important;
}

.j-nav-set .e-hover-arrow, .j-nav-set .e-hover-arrow-border {
    left: 149px;
}

.j-searchBtn {
    cursor: pointer;
    margin-top: -1px;
}

@charset "UTF-8";
.u-discussWrap {
    overflow: hidden;
}

.u-discussWrap .formListPost {
    background: #FFFFFF;
    font-size: 14px;
    color: #666666;
    line-height: 50px;
    height: 50px;
}

.u-discussWrap .formListPost .vertical-line {
    color: #cccccc;
    top: -1px;
    position: relative;
}

.u-discussWrap .formListPost span {
    cursor: pointer;
}

.u-discussWrap .formListPost .active {
    color: #55B929;
}

.u-discussWrap .u-nocnt {
    width: 285px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin: 0 auto;
    padding-top: 150px;
    height: 370px;
}

.u-discussWrap .u-nocnt img {
    vertical-align: top;
}

.u-discussWrap .u-nocnt .tips {
    margin-top: 18px;
}

.u-discussWrap .u-nocnt .findDiscuss {
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    width: 130px;
    background-color: #55B929;
    text-align: center;
    display: block;
    margin-top: 18px;
}

.u-discussWrap .u-nocnt .findDiscuss:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.u-discussWrap .m-pager {
    margin-top: 70px;
}

.m-pager > li.z-crt > a {
    background: #55B929;
}

.m-pager > li > a:hover, .m-pager > li > a:focus, .m-pager > li > a:active {
    background: #55B929;
}

.m-pager > li > a {
    border: none;
}

.forum-item {
    padding: 20px 20px 20px 0px;
    color: #666666;
    background: #ffffff;
}

.forum-item .face {
    float: left;
    width: 60px;
    text-align: center;
    margin-right: 20px;
}

.forum-item .face img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.forum-item .itemWrap {
    overflow: hidden;
}

.forum-item .forum-item-info-mobile {
    display: none;
}

.forum-item .title {
    line-height: 26px;
    margin-bottom: 10px;
}

.forum-item .title .forum-item-title {
    font-size: 18px;
    display: inline-block;
    color: #333333;
    vertical-align: middle;
    outline: none;
}

.forum-item .title .forum-item-title:hover {
    color: #10ae58;
}

.forum-item .title .reply-top-btn {
    background-color: #ff6060;
    font-size: 12px;
    padding: 2px 5px;
    color: #fff;
    white-space: nowrap;
    display: inline-block;
    line-height: 18px;
}

.forum-item .title .forum-item-unread {
    color: #fff;
    display: inline-block;
    background-color: #ff6c00;
    position: relative;
    padding: 0 8px;
    margin-left: 15px;
}

.forum-item .title .forum-item-unread:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}

.forum-item .title .forum-item-unread:before {
    border-width: 7px;
    border-right-color: #ff6c00;
    top: 4px;
    left: -12px;
}

.forum-item .title .tags {
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;
    white-space: nowrap;
    display: inline-block;
    line-height: 18px;
}

.forum-item .cnt .postCnt {
    line-height: 24px;
    font-size: 14px;
    word-break: normal;
    word-wrap: break-word;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.forum-item .cnt .postCnt a {
    color: #666666;
}

.forum-item .cnt .postImg {
    margin: 10px 0px;
}

.forum-item .cnt .postImg a {
    display: inline-block;
    max-width: 160px;
    min-width: 50px;
    overflow: hidden;
}

.forum-item .cnt .postImg img {
    display: inline-block;
    height: 100px;
}

.forum-item .forum-item-info {
    min-width: 600px;
    font-size: 13px;
    float: left;
    line-height: 17px;
    color: #999999;
}

.forum-item .forum-item-info .role-tip {
    background-color: #6cb4fb;
    padding: 2px 5px;
    color: #fff;
}

.forum-item .forum-item-func {
    font-size: 12px;
    line-height: 20px;
    float: right;
    color: #999999;
}

.forum-item .forum-item-func .browsenum {
    margin-right: 10px;
    font-size: 13px;
}

.forum-item .forum-item-func .replynum {
    font-size: 13px;
}

.rcItem {
    background-color: #ffffff;
    padding: 20px 50px 26px 0px;
}

.rcItem a {
    color: #333333;
}

.rcItem a:hover {
    color: #55B929;
}

.rcItem .source {
    color: #55B929;
}

.rcItem .source:hover {
    color: #96D103;
}

.rcItem .time {
    font-size: 14px;
    color: #999999;
    margin-bottom: 4px;
}

.rcItem .content {
    line-height: 24px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #333333;
}

.rcItem .parent {
    background: #F5F5F5;
    border: 1px solid #E6E6E6;
    padding: 14px 20px 14px 20px;
    color: #999999;
}

.rcItem .parent .poster {
    color: #ff7a3e;
    margin-right: 10px;
}

.rcItem .parent .anonymous {
    color: #999;
}

.rcItem .topic {
    font-size: 16px;
    line-height: 20px;
}

.rcItem .topic .tag {
    background: #55B929;
    display: inline-block;
    width: 4px;
    height: 14px;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.rcItem .topic .content {
    line-height: 21px;
}

.rcItem .reply {
    font-size: 13px;
}

.u-discussWrap .formListPost {
    line-height: 21px;
    height: 21px;
    margin-top: 10px;
}

.teachPage-tip {
    position: relative;
    height: 19px;
    margin-top: 30px;
    font-size: 12px;
    color: #2a2a2a;
}

.teachPage-tip .star {
    font-size: 14px;
    color: #FF1919;
}

.m-hometop a {
    vertical-align: middle;
    color: #555;
}

.forum-module-content .rcItem {
    font-size: 12px;
}

.forum-module-content .rcItem .time {
    font-size: 12px;
}

.forum-module-content .vertical-line {
    margin: 0 10px;
    vertical-align: text-top;
    font-size: 10px;
}

.required-input::before {
    content: "*";
    color: red;
}

.section-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.title-24px {
    padding-top: 30px;
    padding-bottom: 30px;
}

.title-24px h1 {
    font-size: 24px;
}

.form-section-left, .form-section-right {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
}

.form-section-left {
    width: 15%;
}

.form-section-right {
    width: 60%;
}

.input-area-wrapper {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.input-area-wrapper input {
    margin-left: 30px;
}

.leave-anime, .enter-anime {
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    position: absolute;
}

.leave-anime {
    opacity: 1;
}

.leave-anime-active {
    opacity: 0;
}

.enter-anime {
    opacity: 0;
}

.enter-anime-active {
    opacity: 1;
}

.width-800px {
    width: 800px;
}

.align-middle {
    vertical-align: middle;
}

.select-profile-type-select-option {
    position: relative;
    vertical-align: top;
    font-family: "Microsoft YaHei";
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    margin-left: 40px;
    margin-right: 40px;
    color: white;
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
}

.select-profile-type-select-option span {
    margin-top: 44px;
    display: inline-block;
}

.select-profile-type-select {
    padding-top: 40px;
    padding-bottom: 40px;
}

.select-profile-type-title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.select-profile-type-wrapper {
    padding-top: 80px;
    padding-bottom: 40px;
}

.select-profile-type-select-option-student {
    background-image: url("http://mc.stu.126.net/res/images/ui/personalProfileGuide/student.png");
}

.select-profile-type-select-option-employed {
    background-image: url("http://mc.stu.126.net/res/images/ui/personalProfileGuide/employed.png");
}

.select-profile-type-select-option-other {
    background-image: url("http://mc.stu.126.net/res/images/ui/personalProfileGuide/other.png");
}

.select-profile-type-select-option-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.select-profile-type-select-option-cover:hover {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.select-education-wrapper .form-section-right {
    width: 63%;
}

.select-education-wrapper .sesc-close-btn {
    display: inline-block;
    margin-left: 5px;
}

.select-education-wrapper .select-education-highest-degree {
    padding-bottom: 10px;
    padding-top: 0px;
}

.select-education-wrapper .ux-radio2-group:first-child {
    margin-bottom: 25px;
}

.select-occupation-select {
    font-size: 14px;
    width: 220px;
    height: 36px;
    padding-left: 10px;
}

.fill-personal-intro-textarea {
    font-size: 14px;
}

.fill-personal-intro-textarea-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.green-btn {
    background-color: #55B929;
    color: white;
    margin-right: 15px;
    font-size: 16px;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 38px;
    padding-right: 38px;
}

.green-btn[disabled], .green-btn[disabled]:hover {
    background-color: #999999;
}

.green-btn:hover {
    background-color: rgba(85, 185, 41, 0.8);
    color: white;
}

.white-btn {
    font-size: 16px;
    display: inline-block;
    padding-top: 6.5px;
    padding-bottom: 6.5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    background-color: #F5F5F5;
    border: 1px #E6E6E6 solid;
}

.white-btn:hover {
    background-color: #eee;
    border: 1px #E6E6E6 solid;
}

.align-middle {
    vertical-align: middle;
}

.personal-profile-guide-content {
    font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Arial", "Hiragino Sans GB", "Helvetica", "sans-serif";
    text-align: center;
    padding-top: 30px;
    font-size: 14px;
}

.personal-profile-guide-content a {
    color: inherit;
}

.personal-profile-guide-content a:hover {
    color: inherit;
}

.personal-profile-guide-content button {
    border: none;
    font-size: 16px;
}

.personal-profile-guide-content button:active {
    border: none;
    outline: none;
}

.personal-profile-guide-content select {
    border-radius: 0px;
}

.personal-profile-guide-content .personal-profile-guide-section-username {
    padding-top: 15px;
}

.personal-profile-guide-wrapper {
    display: inline-block;
    position: relative;
    z-index: 3;
}

.personal-profile-guide-wrapper .ux-radio2-group .ux-radio {
    margin-right: 1em;
    display: inline-block;
    vertical-align: top;
    width: 70px;
}

.personal-profile-guide-box {
    background-color: white;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    width: 800px;
    height: 600px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.personal-profile-guide-box-content {
    overflow: hidden;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 450px;
}

.personal-profile-guide-back-btn {
    text-align: left;
    margin-bottom: 10px;
    min-height: 21px;
}

.personal-profile-guide-box-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    padding-right: 100px;
    min-height: 36px;
}

.flip-wrapper {
    display: inline-block;
}

.flip-wrapper .flip::before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    display: inline-block;
    filter: FlipH;
    margin-top: 2px;
}

.u-icon-moreArrow {
    margin-right: 5px;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px);
    display: inline-block;
}

.personal-profile-guide-gray-cover {
    background-color: #eee;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#g-body {
    background: #fff;
}

.top-bac {
    position: absolute;
}

.home-content {
    width: 1260px;
    margin: 0 auto;
}

.top-box {
    height: auto;
    background: #5c7ba3;
}

.main-content {
    width: 1260px;
    margin: 0 auto;
}

.main-box {
    width: 950px;
}

.module-tab {
    height: 36px;
    margin-top: 100px;
}

.module-tab .current {
    border-bottom: 4px solid #55B929;
}

.sidebar-box {
    width: 236px;
    margin-left: 74px;
}

.u-userInfo-container .e-hover-code a {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 104px;
    height: 104px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50px;
    text-align: center;
    line-height: 104px;
    color: #ffffff;
}

.u-userInfo-container .e-hover-code a a {
    color: #ffffff;
    font-size: 16px;
}

.u-userInfo-container .e-hover-code a a:hover {
    color: #cccccc;
}

.module-box .m-search {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}

.m-infomation {
    width: 950px;
}

.f-dn {
    display: none !important;
}

.u-colcard {
    height: 70px;
}

.u-colcard .cancel {
    cursor: pointer;
    color: #ddd;
    top: 10px;
    right: 10px;
    -moz-transition: opacity 0.1s ease-in 0s;
    -o-transition: opacity 0.1s ease-in 0s;
    -webkit-transition: opacity 0.1s ease-in 0s;
    transition: opacity 0.1s ease-in 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.u-colcard:hover {
    background-color: #F6F6F6;
}

.u-colcard:hover .cancel {
    opacity: 1;
    filter: alpha(opacity=100);
}

.u-colcard img {
    border-radius: 2px;
}

.u-colcard .cnt {
    padding: 8px 0 8px 10px;
    width: 570px;
}

.u-colcard .tit {
    width: 570px;
    margin-bottom: 20px;
}

.u-colcard .t {
    line-height: 1.1;
}

.u-colcard .uv {
    margin-right: 6px;
}

.m-infomation .bottom {
    padding: 20px 0;
}

.u-ui-tag.f-cp span {
    color: #111111;
    text-decoration: underline;
}

.u-ui-tag.no-desc {
    top: 133px;
}

.u-ui-name.no-desc {
    top: 86px;
}

.u-ui-desc.no-desc {
    display: none;
}

.u-nocnt .u-findmore {
    margin-top: 18px;
    width: 130px;
    line-height: 36px;
    background: #55B929;
    height: 36px;
    border: none;
}

.u-nocnt .u-findmore:hover {
    opacity: 0.8;
}

.p-tp-email {
    display: none;
    width: 100%;
    background: #F5F5F5;
    height: 30px;
}

.p-tp-email .p-tp-email_span {
    width: 1260px;
    text-align: left;
    display: block;
    color: #999;
    font-size: 12px;
    line-height: 30px;
    margin: 0 auto;
}

.p-tp-email .p-tp-email_span a {
    color: #55B929;
    text-decoration: underline;
}

.u-card {
    position: relative;
    float: left;
    cursor: pointer;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.u-card .card {
    height: 203px;
}

.u-card .spoc {
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat 0 -264px;
}

.u-card .t1 {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 0 5px;
    max-height: 40px;
    overflow: hidden;
    width: 215px;
    word-break: break-all;
}

.u-card .t2 {
    position: absolute;
    left: 5px;
    bottom: 10px;
    width: 105px;
}

.u-card .t21 {
    margin-right: 20px;
}

.u-card .over, .u-card .time {
    bottom: 10px;
    right: 0;
    height: 18px;
    line-height: 18px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom: 1px solid #FFD24D;
    border-top: 1px solid #FFD24D;
    background-color: #FF9326;
    padding: 0 2px 0 3px;
}

.u-card .over .clock, .u-card .time .clock {
    font-size: 14px;
    line-height: 18px;
    margin-right: 5px;
}

.u-card .over .txt, .u-card .time .txt {
    vertical-align: 1px;
}

.u-card .time2 {
    background-color: #6FB5F8;
    border-color: #6FB5F8;
}

.u-card .over {
    border-bottom: 1px solid #499E50;
    border-top: 1px solid #499E50;
    background-color: #499E50;
}

.u-clist {
    margin-bottom: 10px;
    height: 150px;
    padding: 10px;
}

.u-clist:hover {
    background-color: #f5f5f5;
}

.u-clist:hover .t1 {
    color: #8bb721;
}

.u-clist .g-mn1c {
    margin-left: 280px;
}

.u-clist .t1 {
    margin-top: 18px;
    line-height: 1;
    font-size: 16px;
}

.u-clist .t2 {
    margin-top: 25px;
    line-height: 1.1;
}

.u-clist .u-cert {
    margin-top: 48px;
}

.u-clist .t21 {
    margin-right: 20px;
}

.u-clist .over, .u-clist .time, .u-clist .isover {
    height: 18px;
    line-height: 18px;
}

.u-clist .over, .u-clist .time, .u-clist .isover {
    border-radius: 9px;
    background-color: #f0f0f0;
    padding: 0 9px 0 2px;
    margin-top: 15px;
}

.u-clist .over .clock, .u-clist .time .clock, .u-clist .isover .clock {
    font-size: 14px;
    line-height: 18px;
    margin-right: 5px;
}

.u-clist .over .txt, .u-clist .time .txt, .u-clist .isover .txt {
    vertical-align: 1px;
}

.u-clist .over {
    color: #499E50;
}

.u-clist .time {
    color: #ff9326;
}

.u-clist .isover {
    color: #808080;
}

.u-clist .u-btn {
    bottom: 7px;
    right: 20px;
}

.u-clist .hot {
    background: url(http://mc.stu.126.net/res/images/ui/courseList.png?15aaeac4b10032736068b48d6fdec250) no-repeat 0 -40px;
    padding: 0 6px 0 20px;
    color: #999;
    font-size: 12px;
    margin-right: 20px;
}

.u-clist .p5 {
    margin: 15px 10px 20px 0;
}

.u-clist .brief {
    position: relative;
    text-align: left;
    color: #999;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

.u-mclist {
    min-height: 130px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.u-mclist .cancel {
    cursor: pointer;
    color: #ddd;
    top: 10px;
    right: 10px;
    -moz-transition: opacity 0.1s ease-in 0s;
    -o-transition: opacity 0.1s ease-in 0s;
    -webkit-transition: opacity 0.1s ease-in 0s;
    transition: opacity 0.1s ease-in 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.u-mclist:hover .cancel {
    opacity: 1;
    filter: alpha(opacity=100);
}

.u-mclist .g-sd1 .u-img {
    padding-left: 9px;
}

.u-mclist .g-sd1 .u-img .taMark {
    bottom: 0;
    right: 0px;
    font-size: 14px;
    padding: 4px 12px;
    vertical-align: middle;
    cursor: default;
}

.u-mclist .g-sd1 .u-img .taMark.lector {
    background-color: #6CB4FB;
}

.u-mclist .g-sd1 .u-img .taMark.assist {
    background-color: #9CCC20;
}

.u-mclist .t1 {
    margin-top: 10px;
    line-height: 1.1;
    font-size: 14px;
}

.u-mclist .t2 {
    margin-top: 10px;
    line-height: 1.1;
}

.u-mclist .t21 {
    margin-right: 20px;
}

.u-mclist .u-btn {
    bottom: 29px;
    right: 10px;
}

.u-mclist .pinfo {
    width: 360px;
    height: 30px;
    position: absolute;
    top: 85px;
    left: 245px;
}

.u-mclist .pinfo .left {
    width: 300px;
}

.u-mclist .pinfo .bar {
    border-radius: 2px;
    width: 100%;
    height: 4px;
    background: #ddd;
}

.u-mclist .pinfo .radio {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    top: 0;
    left: 0;
    height: 4px;
    background: #83B600;
}

.u-mclist .pinfo .right {
    width: 60px;
    padding-top: 10px;
    text-indent: 10px;
}

.u-mclist .linfo {
    margin-top: 26px;
    width: 350px;
    height: 30px;
}

.u-mclist .linfo2 {
    margin-top: 60px;
}

.u-mclist .scholarship {
    background-color: #ef4926;
    font-size: 12px;
    margin-left: 20px;
    padding: 5px 10px;
    vertical-align: middle;
}

.u-mclist .scholarship:hover {
    color: #ffffff;
    background-color: #d62e0d;
}

.u-mclist .tag {
    font-size: 10px;
    margin-left: 15px;
    padding: 4px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

.u-mclist .tag:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
}

.u-mclist .job {
    background-color: #42c9ca;
    font-size: 12px;
    margin-left: 15px;
    padding: 4px;
    display: inline-block;
}

.u-mclist .job:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
}

.u-mclist .cert, .u-mclist .nocert {
    margin-right: 10px;
    color: #666;
    width: 80px;
    height: 24px;
    line-height: 26px;
    border: 1px solid #FFB399;
    background-color: #FFE2D9;
    text-align: center;
    border-radius: 2px;
}

.u-mclist .cert, .u-mclist .cert2 {
    border-color: #BFDFFF;
    background-color: #E3F8FF;
}

.u-mclist .cert .f-icon, .u-mclist .cert2 .f-icon {
    font-size: 24px;
    vertical-align: -10px;
    color: #54A4FF;
    margin-right: 4px;
}

.u-mclist .cert2 {
    width: 105px;
    border-color: #FFDC74;
    background-color: #FDFFD8;
}

.u-mclist .cert2 .f-icon {
    color: #FF4000;
}

.u-mclist .nocert {
    border-color: #ddd;
    background-color: #eee;
}

.u-mclist .tlink {
    bottom: 19px;
    left: 245px;
}

.u-mclist .tlink a {
    margin-right: 15px;
}

.u-mclist2 {
    height: 150px;
}

.u-mclist2 .tlink {
    bottom: 9px;
}

.m-school {
    height: 300px;
}

.m-school .main {
    margin: 0 auto;
    width: 960px;
    height: 100%;
}

.m-school .unimg {
    margin-left: -160px;
    width: 1280px;
    height: 100%;
}

.m-school .univename {
    bottom: 10px;
    right: 20px;
}

.m-mcdoc {
    min-height: 450px;
}

.mailNotice {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 12px;
    background-color: #fff;
    color: #ff9302;
    text-align: center;
}

.mailNotice a {
    text-decoration: underline;
    color: #61A500;
}

.m-guide {
    height: 100px;
    background: #fff;
}

.m-search {
    height: 44px;
    width: 940px;
    padding: 10px;
}

.m-search .search {
    -moz-transition: background-color 0.2s ease-in 0s;
    -o-transition: background-color 0.2s ease-in 0s;
    -webkit-transition: background-color 0.2s ease-in 0s;
    transition: background-color 0.2s ease-in 0s;
    background: #F6F6F6;
    height: 42px;
    width: 938px;
    border: 1px solid #eee;
}

.m-search .search input[type=submit] {
    background: none;
    border: none;
    cursor: pointer;
    color: #ddd;
    font-size: 24px;
    line-height: 42px;
    height: 42px;
    vertical-align: middle;
}

.m-search .search input[type=text] {
    background: transparent;
    border: none;
    margin: 0 0 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    width: 880px;
}

.m-search .search label {
    position: absolute;
    font-size: 14px;
    line-height: 1;
    top: 15px;
    left: 10px;
}

.m-search .active {
    background: #fff;
}

.u-allcourse {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #FAFAFA;
    text-align: center;
    color: #666;
    box-shadow: 0 1px 1px #ddd;
    border-radius: 4px;
}

.u-allcourse:hover {
    color: #89BC00;
}

.m-sdrec .tit {
    margin: 17px 0;
    line-height: 1;
}

.m-sdrec .custom {
    display: block;
    margin-top: 10px;
    background-color: #ffffff;
    position: relative;
}

.m-crp {
    margin-top: 20px;
}

.m-hometop {
    height: auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.m-hometop .tit {
    line-height: 32px;
}

.m-hometop .u-helplink {
    font-size: 12px;
    line-height: 27px;
    margin-left: 10px;
}

.m-infomation .bottom {
    padding: 0;
}

.m-infomation .nocnt {
    padding: 20px;
}

.u-colcard {
    height: 70px;
    padding: 10px;
}

.u-colcard .cancel {
    cursor: pointer;
    color: #ddd;
    top: 10px;
    right: 10px;
    -moz-transition: opacity 0.1s ease-in 0s;
    -o-transition: opacity 0.1s ease-in 0s;
    -webkit-transition: opacity 0.1s ease-in 0s;
    transition: opacity 0.1s ease-in 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.u-colcard:hover {
    background-color: #F6F6F6;
}

.u-colcard:hover .cancel {
    opacity: 1;
    filter: alpha(opacity=100);
}

.u-colcard img {
    border-radius: 2px;
}

.u-colcard .cnt {
    padding: 8px 0 8px 10px;
    width: 570px;
}

.u-colcard .tit {
    width: 570px;
    margin-bottom: 20px;
}

.u-colcard .t {
    line-height: 1.1;
}

.u-colcard .uv {
    margin-right: 6px;
}

.u-reccard .card {
    height: 241px;
}

.u-reccard .rect {
    margin: 10px 0;
    font-size: 12px;
    padding: 0 9px;
    height: 51px;
    overflow: hidden;
}

.u-reccard.bottom {
    margin-bottom: 0;
}

.u-nocnt {
    width: 280px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    padding-top: 80px;
    height: 370px;
}

.u-nocnt .u-findmore {
    margin-top: 20px;
}

.u-scholarRecord-Dialog {
    padding: 40px 50px 30px 50px;
}

.u-scholarRecord-Dialog .zbar, .u-scholarRecord-Dialog .zbar .zttl {
    display: none;
}

.u-scholarRecord-Dialog .u-recordWrap {
    text-align: center;
}

.u-scholarRecord-Dialog .u-recordWrap .desc {
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px;
    min-height: 2em;
}

.u-scholarRecord-Dialog .u-recordWrap .line {
    height: 1px;
    border: none;
    border-top: 1px solid #cccccc;
    margin: 18px 0;
}

.u-scholarRecord-Dialog .u-recordWrap .scholarship-item {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    text-align: left;
}

.u-scholarRecord-Dialog .u-recordWrap .known {
    display: block;
    margin-top: 30px;
}

.u-scholarRecord-Dialog .u-recordWrap .fill {
    font-size: 14px;
    line-height: 20px;
    color: #21a557;
    cursor: pointer;
    text-align: center;
    margin-top: 15px;
}

.u-scholarRecord-Dialog .u-recordWrap .fill:before {
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
    color: #cccccc;
}

.hello {
    height: 100px;
}

.tlink a {
    color: #55B929;
}

.tlink a:hover {
    color: #96D103;
}

@media screen and (min-width: 1210px) {
    .u-mclist .pinfo {
        width: 560px;
    }

    .u-mclist .pinfo .left {
        width: 500px;
    }

    .u-colcard .cnt {
        width: 800px;
    }
}

.m-homecourse .u-mclist .cert2 {
    margin-left: 20px;
}

.m-homecourse .u-mclist .overtxt {
    bottom: 71px;
    right: 10px;
}

.m-homecourse .u-mclist .spoc {
    top: 0;
    left: 9px;
    width: 64px;
    height: 64px;
    background: url(http://mc.stu.126.net/res/images/ui/ui_sprite.png?5f7eedcf69b8a05d3ed53b4c1918de1c) no-repeat 0 -264px;
}

.m-homecourse .u-mclist .tomoc {
    width: 300px;
    position: absolute;
    top: 67px;
    line-height: 1.1;
    left: 245px;
    margin: 0;
}

.m-hometop {
    border-bottom: none;
    font-size: 14px;
    color: #ccc;
}

.m-hometop a.active {
    color: #55B929;
}

.u-mclist {
    border-bottom: none;
}

.u-mclist:hover {
    background-color: #f5f5f5;
}

.u-mclist .u-btn {
    padding: 0 10px !important;
    height: 28px;
    border: none;
    background-color: #FF6C00;
}

.u-mclist .u-btn:hover {
    border: none;
}

.u-btn:hover {
    border: #999;
}

.u-nocnt {
    width: 100%;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin: 0 auto;
    padding-top: 150px;
    height: 650px;
}

.u-nocnt .tips {
    margin-top: 18px;
}

.u-nocnt .u-findmore {
    margin-top: 18px;
    width: 130px;
    line-height: 36px;
    background: #55B929;
    border: none;
    height: 36px;
}